Я пытаюсь анимировать изображение и текстовое поле в своем приложении новостей.
Я хочу, чтобы сначала отображался значок, а через несколько секунд — текст.
Проблема, с которой я столкнулся, заключается в том, что когда значок загружается (сначала), он находится в абсолютном центре, а когда текст становится видимым, значок немного смещается вверх. Я хочу остановить это смещение иконки, которая была загружена первой.
Или точнее, как мне выделить место для невидимого элемента на экране?
Вот мой код:
@Composable
fun SplashScreen(
navController: NavController
){
var imageVisibility by remember{
mutableStateOf(false)
}
var textVisibility by remember{
mutableStateOf(false)
}
LaunchedEffect(Unit){
delay(1000)
imageVisibility = true
delay(5000)
textVisibility = true
delay(5000)
navController.navigate(Destinations.HomeScreen.route)
}
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
){
Column{
AnimatedVisibility(
visible = imageVisibility,
enter = fadeIn(
TweenSpec(
durationMillis = 3000
)
)
) {
Image(
modifier = Modifier.fillMaxWidth(),
painter = painterResource(id = R.drawable.news_splash_screen),
contentDescription = "News Splash Screen"
)
}
AnimatedVisibility(
visible = textVisibility,
enter = fadeIn(
TweenSpec(
durationMillis = 3000
)
)
){
Text(
modifier = Modifier.fillMaxWidth(),
text = "Read News Everyday",
textAlign = TextAlign.Center
)
}
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/718 ... ck-compose
