1
2
3
4
5
6
7
var systemUiController = rememberSystemUiController()
LaunchedEffect(key1 = Unit) {
    //第二個參數可以設置系統列上的文字顏色，先設置默認
    systemUiController.setStatusBarColor(Color.Transparent)
}
//標題欄高度
val appBarHeight = 56.dp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Row(
    modifier = Modifier
        .background(
            Brush.linearGradient(
                listOf(
                    Blue700,
                    Blue200,
                )
            )
        )
        .fillMaxWidth() //設最寬
        .height(appBarHeight + statusBarHeightDp) //設高度
        //Modifier.padding(all: Dp) 要一個類型dp的參數
        .padding(top = statusBarHeightDp)
        .then(modifier) //then的功能是把不同的modifier合併 top bar的modifier跟row的modifier合併
    ,
    //標題垂直置中
    horizontalArrangement = Arrangement.Center,
    verticalAlignment = Alignment.CenterVertically
) {
    content()
}