Я создаю приложение галереи в JetPack Compose, используя LazyVerticalStaggerEdgrid для отображения изображений с динамическими высотами (например, сетка в стиле Pinterest).
Каждое изображение загружается с асинтеклом катушки, и я использую wrapcontentheight () для динамического изображения на основе содержимого. NAVCONTROLLER.POPBACKSTACK (), высота изображения изменяется, даже если URL -адреса изображения и данные одинаковы. Похоже, что карты пересказываются с разными высотами после возвращения.@Composable
fun FavoriteCatsList(favoriteCatsList: List, navController: NavController, toDetail: (FavoriteCats) -> Unit) {
LazyVerticalStaggeredGrid(
columns = StaggeredGridCells.Fixed(2),
verticalItemSpacing = 10.dp,
contentPadding = PaddingValues(horizontal = 3.dp),
horizontalArrangement = Arrangement.spacedBy(5.dp),
content = {
items(favoriteCatsList.size) { index ->
FavoriteCatsItem(
favoriteCats = favoriteCatsList[index],
navController = navController,
toDetail = { toDetail(favoriteCatsList[index]) }
)
}
},
modifier = Modifier.fillMaxSize(),
)
}
@Composable
fun FavoriteCatsItem(favoriteCats: FavoriteCats, navController: NavController, toDetail: () -> Unit) {
Card(
modifier = Modifier
.fillMaxWidth()
.clickable { toDetail() },
shape = RectangleShape,
colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.background)
) {
Column(modifier = Modifier.fillMaxWidth()) {
AsyncImage(
model = ImageRequest.Builder(LocalContext.current)
.data(favoriteCats.url)
.crossfade(true)
.build(),
modifier = Modifier
.wrapContentHeight()
.clip(RoundedCornerShape(16.dp)),
contentDescription = "cat-image",
contentScale = ContentScale.Crop
)
}
}
}
< /code>
Как я могу сохранить динамическую высоту изображений (на основе их содержания) и предотвратить сдвиги или перечисления высоты при навигации на экране с использованием диплома с использованием Jetpack Compose? Advance! Загрузка). < /p>
Что я хочу < /p>
Держите динамические высоты изображения (на основе фактических размеров изображения).
предотвратить макет от «прыжка» или изменения размера при навигации с экрана. < /p>
Подробнее здесь: https://stackoverflow.com/questions/795 ... ck-compose
Изменения высоты изображения после навигации назад с экрана детализации в JetPack Compose ⇐ Android
Форум для тех, кто программирует под Android
1745999225
Anonymous
Я создаю приложение галереи в JetPack Compose, используя LazyVerticalStaggerEdgrid для отображения изображений с динамическими высотами (например, сетка в стиле Pinterest).
Каждое изображение загружается с асинтеклом катушки, и я использую wrapcontentheight () для динамического изображения на основе содержимого. NAVCONTROLLER.POPBACKSTACK (), высота изображения изменяется, даже если URL -адреса изображения и данные одинаковы. Похоже, что карты пересказываются с разными высотами после возвращения.@Composable
fun FavoriteCatsList(favoriteCatsList: List, navController: NavController, toDetail: (FavoriteCats) -> Unit) {
LazyVerticalStaggeredGrid(
columns = StaggeredGridCells.Fixed(2),
verticalItemSpacing = 10.dp,
contentPadding = PaddingValues(horizontal = 3.dp),
horizontalArrangement = Arrangement.spacedBy(5.dp),
content = {
items(favoriteCatsList.size) { index ->
FavoriteCatsItem(
favoriteCats = favoriteCatsList[index],
navController = navController,
toDetail = { toDetail(favoriteCatsList[index]) }
)
}
},
modifier = Modifier.fillMaxSize(),
)
}
@Composable
fun FavoriteCatsItem(favoriteCats: FavoriteCats, navController: NavController, toDetail: () -> Unit) {
Card(
modifier = Modifier
.fillMaxWidth()
.clickable { toDetail() },
shape = RectangleShape,
colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.background)
) {
Column(modifier = Modifier.fillMaxWidth()) {
AsyncImage(
model = ImageRequest.Builder(LocalContext.current)
.data(favoriteCats.url)
.crossfade(true)
.build(),
modifier = Modifier
.wrapContentHeight()
.clip(RoundedCornerShape(16.dp)),
contentDescription = "cat-image",
contentScale = ContentScale.Crop
)
}
}
}
< /code>
Как я могу сохранить динамическую высоту изображений (на основе их содержания) и предотвратить сдвиги или перечисления высоты при навигации на экране с использованием диплома с использованием Jetpack Compose? Advance! Загрузка). < /p>
Что я хочу < /p>
Держите динамические высоты изображения (на основе фактических размеров изображения).
предотвратить макет от «прыжка» или изменения размера при навигации с экрана. < /p>
Подробнее здесь: [url]https://stackoverflow.com/questions/79599318/image-height-changes-after-navigating-back-from-detail-screen-in-jetpack-compose[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия