App Top bar添加上一頁跟action的按鈕
透過navigationIcon
透過actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Scaffold(
topBar = {
TopAppBar(
title = {
Text(
text = "Detail",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center
)
},
navigationIcon = {
Icon(
imageVector = Icons.Default.NavigateBefore,
contentDescription = null,
//增加返回的方法
modifier = Modifier
.clickable {
onBack()
}
.padding(8.dp)
)
},
actions = {
Icon(imageVector = Icons.Default.TextFields,
contentDescription = null,
modifier = Modifier
.clickable {
//TODO 字體放大
}
.padding(8.dp)
)
}
)
},
modifier = Modifier
.background(MaterialTheme.colors.primary)
.statusBarsPadding()
) {
Text(text = "文章詳情")
}