How to add compose modify later

We read the official design program demo Teach us all

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

Now if we want to add pading Then the color must not be rendered

We must first set the width and height 、 Set the color after . Finally, set the width and height . To become the inner margin

otherwise It becomes pading

How to operate

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()
    }
}

This will be modifier Spliced to the back

It has achieved our effect