Pager

redbird's home
둘러보기로 이동 검색으로 이동

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으로 넘기기")
        }
    }
}