Задать вопрос
@pcdesign

Как исправить перекрытие последнего элемента?

Вот снэк:
https://snack.expo.io/@aimodding/overlay

Я там просто сгенерил 20 строк:
const items = Array.from({length:20},(v,k)=>k+1);

И вот что получаю:

5cee0be63df86373136773.jpeg

20-ый элемент спрятался под "подвалом".
  • Вопрос задан
  • 47 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
s_panteleev
@s_panteleev
25 yo, Yaroslavl
Добавьте отсутуп к списку на высоту подвала
<FlatList
    style={{ backgroundColor: background, marginBottom: 60 }}
>
...
</FlatList>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@zlends
Нет, отступы удалять не стоит, так как переиспользовать потом в будущем будет сложнее если вынести список как отдельный компонент.
Уберите position: 'absolute' и все станет хорошо, он встанет ровно под списком.

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  bottom: {
   position: 'absolute', // <-- удалите эту строку
    left: 0,
    right: 0,
    bottom: 0,
  },
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Grow Media Москва
от 150 000 до 200 000 ₽
Wanted. Санкт-Петербург
До 300 000 ₽
13 дек. 2024, в 17:55
10000 руб./за проект
13 дек. 2024, в 17:45
100000 руб./за проект