Pager
둘러보기로 이동
검색으로 이동
https://developer.android.com/develop/ui/compose/layouts/pager?hl=ko
android pager
@Composable
fun HorizontalPager() {
val pagerState = rememberPagerState(pageCount = { 10 })
HorizontalPager(
state = pagerState,
modifier = Modifier.padding(30.dp)
) { page ->
Text(
text = "Page : $page",
modifier = Modifier.fillMaxSize()
)
/*
if(page.toInt() == 0) {
Box(modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center) {
Row(modifier = Modifier.fillMaxSize()) {
Button(onClick = {}) { Text(text = "2페이지 버튼") }
Button(onClick = {}) { Text(text = "2페이지 버튼") }
}
}
}
if(page.toInt() == 3) {
Box(modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center) {
Row(modifier = Modifier.fillMaxSize()) {
Button(onClick = {}) { Text(text = "3페이지 버튼") }
Button(onClick = {}) { Text(text = "3페이지 버튼") }
}
}
}*/
}
val coroutineScope = rememberCoroutineScope()
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.BottomCenter
) {
Button(onClick = {
coroutineScope.launch {
//pagerState.scrollToPage(3)
pagerState.animateScrollToPage(3)
}
}, modifier = Modifier
.padding(bottom = 20.dp)
.align(Alignment.BottomCenter)) {
Text(text = "3으로 넘기기")
}
}
}