Pager

redbird's home
192.168.1.1 (토론)님의 2025년 12월 30일 (화) 06:36 판 (안드로이드 페이저 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으로 넘기기")
        }
    }
}