Compose Modify如何添加到后面

设计程序我们看了官方demo都教我们

@Composable
fun TopAppBar(modifier: Modifier = Modifier) {
 
    Row(modifier =

    modifier
        .fillMaxWidth()
        .height(appBarHeight + statusBarHeightDp)
        .background(
            Brush.linearGradient(
                listOf(Blue700, Blue200)
            ))
       
        horizontalArrangement = Arrangement.Center,
        verticalAlignment = Alignment.CenterVertically
    ) {
        content()
    }
}

此刻如果我们想再加pading 那么颜色必然是渲染不上去的

我们必须首先设置宽高、后设置颜色。最后再设置宽高。才能成为内边距

要不然 就变成了pading

如何操作呢

then

@Composable
fun TopAppBar(modifier: Modifier = Modifier) {
 
    Row(modifier =

    Modifier
        .fillMaxWidth()
        .height(appBarHeight + statusBarHeightDp)
        .background(
            Brush.linearGradient(
                listOf(Blue700, Blue200)
            ))
       .then(modifier),
        horizontalArrangement = Arrangement.Center,
        verticalAlignment = Alignment.CenterVertically
    ) {
        content()
    }
}

这样就将modifier拼接到了后面

达到了我们的效果