Как включить горизонтальный пейджер для отображения закадровой страницы с помощью Jetpack Compose?Android

Форум для тех, кто программирует под Android
Ответить Пред. темаСлед. тема
Гость
 Как включить горизонтальный пейджер для отображения закадровой страницы с помощью Jetpack Compose?

Сообщение Гость »


I'm familiar with

Код: Выделить всё

Jetpack Compose
And Trying to Get

Код: Выделить всё

Horizontal Pager
Like Below. But Not able to get the exact look and feel.

I have tried setting

Код: Выделить всё

PageSize
,

Код: Выделить всё

ContentPaddings
,

Код: Выделить всё

CustomOffset
, etc But Did not works.

Current Output.
Изображение


Expected Output.
Изображение


My Current Code:

Код: Выделить всё

@Composable fun LoadingScreen() {     val state = rememberPagerState { 3 }     Column(         modifier = Modifier             .fillMaxSize()             .background(color = AppColor)             .padding(12.dp)             .verticalScroll(rememberScrollState()),         horizontalAlignment = Alignment.CenterHorizontally     ) {         HorizontalPager(             state = state,             beyondBoundsPageCount = 2,             modifier = Modifier                 .fillMaxWidth()         ) {page->             Column(                 modifier = Modifier.fillMaxWidth(),                 horizontalAlignment = Alignment.CenterHorizontally             ) {                 Box(                     modifier = Modifier                         .size(240.dp)                         .clip(RoundedCornerShape(12.dp))                         .background(                             brush = Brush.verticalGradient(                                 listOf(                                     Color(0xFFFFFFFF),                                     Color(0x00FFFFFF)                                 )                             )                         )                         ,                     contentAlignment = Alignment.Center                 ) {                     Image(                         painter = painterResource(id = R.drawable.rafiki),                         contentDescription = "Slider"                     )                 }                 Text(                     modifier = Modifier.padding(5.dp),                     text = "FOOD",                     style = MaterialTheme.typography.NormalText.copy(                         fontSize = 20.sp,                         fontWeight = FontWeight.ExtraBold,                         color = Color.White                     )                 )             }     } } 


Источник: https://stackoverflow.com/questions/781 ... ck-compose
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Android»