Problema com a Barra de navegação

Oii Lucas, tudo bem?

Isso é um problema comum, mas felizmente há uma maneira de resolver isso usando o Modifier.padding com WindowInsets.

Você pode usar o Modifier.padding com WindowInsets para evitar que a barra de navegação cubra seu conteúdo. Vou fornecer um exemplo de como você pode fazer, mas é algo básico que talvez você precise ajustar no seu código

@Composable
fun App() {
    AluveryTheme {
        Surface {
            Column(
                modifier = Modifier
                    .fillMaxSize()
                    .verticalScroll(rememberScrollState())
                    .padding(
                        WindowInsets.navigationBars.asPaddingValues()
                    ),
                verticalArrangement = Arrangement.spacedBy(16.dp)
            ) {
                ProductsSection()
                ProductsSection()
                ProductsSection()
                ProductsSection()
            }
        }
    }
}

Neste exemplo, WindowInsets.navigationBars.asPaddingValues() adiciona automaticamente o espaçamento necessário para evitar que a barra de navegação cubra seu conteúdo.

Indico também a documentação para você ter de base e esse artigo:

• Understanding Window Insets in Jetpack Compose

Estão em inglês mas se você não for familiarizado você pode usar a opção de traduzir a página.

Um abraço e bons estudos.