Parameter zum Auffüllen des Inhalts wird nicht verwendet

Ich arbeite seit kurzem mit Jetpack Compose. Ich habe folgendes Composable:

@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
                }

            }},
    )
}

Aber mit diesem Code, wie er ist, ist der gesamte Code darin enthalten content = {...} ist mit rotem Spruch unterstrichen Jetpack Compose: Content padding parameter it is not used. Ich habe in diesem Stackoverflow-Post bereits gelesen, dass eigentlich PaddingValues werden nur dann in einem Gerüst bereitgestellt, wenn die bottomBar gesetzt, was hier offensichtlich nicht der Fall ist. Daher verstehe ich nicht, warum ich diesen Fehler bekomme.

Hinweis: Die App verwendet tatsächlich a BottomNavigationaber nicht innerhalb der Composable die ich oben gezeigt habe. Kann es sein, dass das hier noch irgendwie propagiert wird?

Seit Compose 1.2.0 Es ist erforderlich, den Padding-Parameter zu verwenden, der übergeben wird Scaffold content zusammensetzbar. Sie sollten es auf den obersten Container/die oberste Ansicht anwenden content:

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

Dies geschieht, um Layoutproblemen vorzubeugen, zum Beispiel wenn das Gerüst eine untere Stange hat, ohne die Verwendung dieser Polsterung wird ein Teil Ihrer Ansicht unter der Stange sein.

Du kannst es immer mit unterdrücken @SuppressLint("UnusedMaterialScaffoldPaddingParameter")aber ich würde empfehlen, dies nur zu tun, wenn Sie genau wissen, was Sie tun.

Ich habe einen Fehler in Version Alpha gesehen und habe SmallTopAppBar() verwendet. Scaffold hat keine Polsterung für zwei Composables bereitgestellt, die übereinander waren. Nach der Aktualisierung habe ich gerade festgestellt, dass der Fehler behoben ist, und Scaffold hat selbst eine Polsterung, sodass Composables nicht mehr übereinander liegen.

Verwendung:

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

  }

app build.gradle füge dies hinzu:

 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"
}