Parámetro de relleno de contenido no se usa

Recientemente comencé a trabajar con Jetpack Compose. Tengo el siguiente componible:

@Composable
fun SearchScreen(navController: NavHostController) {
    Scaffold(
        topBar = { SearchBar() },
        content = {
            Column(modifier = Modifier
                .fillMaxSize()
                .verticalScroll(rememberScrollState())) {
                Text(stringResource(id = R.string.genreFilter))
                Row(
                    modifier = Modifier
                        .horizontalScroll(rememberScrollState()),
                    horizontalArrangement = Arrangement.spacedBy(4.dp)
                ) {
                    // some nested Composables
                }

            }},
    )
}

Pero con este código tal como está, todo el código dentro content = {...} está subrayado en rojo diciendo Jetpack Compose: Content padding parameter it is not used. Ya leí en esta publicación de Stackoverflow que en realidad, PaddingValues sólo se proporcionan en un andamio si el bottomBar está establecido, lo que obviamente no es el caso aquí. Así que no entiendo por qué estoy recibiendo este error.

Nota: La aplicación en realidad usa un BottomNavigationpero no dentro del Composable que mostré arriba. ¿Puede ser que esto todavía se propague de alguna manera aquí?

desde componer 1.2.0 se requiere usar el parámetro de relleno, pasado a Scaffold content componible Debe aplicarlo al contenedor/vista superior en content:

content = { padding ->
    Column(
        modifier = Modifier
            .padding(padding)
    // ...

Esto se hace para evitar problemas de diseño, por ejemplo, cuando el andamio tiene una barra inferior, sin el uso de este relleno, parte de su vista estará debajo de la barra.

Siempre puedes suprimirlo con @SuppressLint("UnusedMaterialScaffoldPaddingParameter")pero recomendaría hacer esto solo cuando sepa exactamente lo que está haciendo.

Vi un error en la versión alfa y estaba usando SmallTopAppBar() Scaffold no proporcionaba rellenos para dos componibles que estaban uno encima del otro. Después de actualizarlo, me di cuenta de que se solucionó el error y Scaffold tiene un relleno para que los elementos componibles ya no estén uno encima del otro.

Uso:

  Scaffold(topBar = { AppBar() }) { paddingValues ->
  AnyComposable(modifier = Modifier.padding(paddingValues)){

  }

app build.gradle agrega esto:

 buildFeatures {
    compose = true
    kotlinOptions.freeCompilerArgs += "-Xopt-in=androidx.compose.material.ExperimentalMaterialApi"
    kotlinOptions.freeCompilerArgs += "-Xopt-in=androidx.compose.foundation.ExperimentalFoundationApi"
    kotlinOptions.freeCompilerArgs += "-Xopt-in=androidx.compose.ui.ExperimentalComposeUiApi"
    kotlinOptions.freeCompilerArgs += "-Xopt-in=androidx.compose.animation.ExperimentalAnimationApi"
    kotlinOptions.freeCompilerArgs += "-Xopt-in=androidx.compose.animation.graphics.ExperimentalAnimationGraphicsApi"
    kotlinOptions.freeCompilerArgs += "-Xopt-in=kotlinx.serialization.ExperimentalSerializationApi"
    kotlinOptions.freeCompilerArgs += "-Xopt-in=com.google.accompanist.navigation.material.ExperimentalMaterialNavigationApi"
}