kotlin jetpack compose 中未使用内容填充参数错误？

Question

我该如何Content padding parameter it is not used在 kotlin 中解决这个问题？我制作了一个字典应用程序，并编辑了一些代码，我遇到了这样的问题：我应该在哪里添加内容填充？我该如何修复它？

@Composable
fun MainScreen(navController: NavController) {


    Surface(
        modifier = Modifier.fillMaxSize(),
        color = MaterialTheme.colors.background
    ) {

        Scaffold(
            topBar = {
                TopAppBar(
                    backgroundColor = bar,
                    title = {
                        Text(
                            text = "Main Menu",
                            modifier = Modifier.fillMaxWidth(),
                            color = Color.White,
                            fontSize = 22.sp
                        )
                    },
                    navigationIcon = {
                        IconButton(
                            onClick = { navController.navigate(Screen.SearchScreen.route) }
                        ) {
                            Icon(
                                painter = painterResource(id = R.drawable.ic_look_for_96),
                                contentDescription = "search",
                                tint = Color.Unspecified,
                            )
                        }
                    }
                )
            }
        ) {
            gridView(navController)   // problem is hear
            
        }

    }
}

Answer 1

这个问题实际上并不是一个会阻止您的应用程序运行的错误，甚至可以忽略它，但是如果您忽略并且不使用 提供padding的，则Scaffold可能会发生内部组件Scaffold与组件重叠的情况Scaffold，例如这top bar。

为了以正确的方式避免这个问题，你将需要这样的东西：

Scaffold(
    topBar = {
        // ...
    }
) { innerPadding -> // padding calculated by scaffold
    // it doesn't have to be a column,
    // can be another component that accepts a modifier with padding
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(paddingValues = innerPadding) // padding applied here
    ) {
        // all content should be here
    }
}