问题描述:
在使用Compose的Pager时,如何设置Pager的背景?
在Pager的content参数中,使用Box组件包裹需要背景的组件,设置Box的background属性为所需背景即可。
示例代码:
@Composable
fun MyPager() {
val pagerState = rememberPagerState(pageCount = 3)
Box(
modifier = Modifier
.fillMaxSize()
.background(Color.White)
) {
Pager(
state = pagerState,
modifier = Modifier
.fillMaxSize()
.background(Color.Yellow),
) {
MyPageContent(pageIndex = it)
}
}
}
@Composable
fun MyPageContent(pageIndex: Int) {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color.Green)
) {
Text(
text = "Page index: $pageIndex",
modifier = Modifier.align(Alignment.Center)
)
}
}