我对Jetpack Compose
很熟悉,并试图像下面这样得到Horizontal Pager
.但不能获得准确的外观和感觉.
我试着设置了PageSize
、ContentPaddings
、CustomOffset
等,但没有奏效.
我当前的代码:
@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
)
)
}
}
}