хедера разбить надвое и сделать одну часть фиксированной, а вторую нет?
[Header] — не фиксированный
[Header] — фиксированный
[List]
Что вы имеете ввиду под фиксированной?
Чтобы при скролле списка он оставался фиксированным сверху, а не просто пролистывался
А зачем тогда его делать хедером именно флетлиста? Сделайте отдельный компонент
Не подходит. Сама структура такова, что есть Title страницы и табы переключения контента списков. Два этих компонента формируют общий хедер страницы. Так вот при скролле мне нужно красиво прятать Title, а табы оставлять. Чтобы весь экран занимал список, а сверху были только табы. Я сделал такое поведение через Animated, но предположил что есть возможность сделать и через нативные средства FlatList, хотя в доке не нашёл инфы по двум компонентам.
Ну сделайте компонент для header и уже в этом компоненте либо на блоки разбейте его или либо вообще попробуйте импортировать в него 2 других компонента, но этот вариант не знаю будет ли работать
Делал, и массив элементов передавал и разбивал и во фрагмент оборачивал) Ладно, благодарю за ответы, поищу ещё способы)
ListHeaderComponent Rendered at the top of all the items. Can be a React Component (e.g. SomeComponent), or a React element (e.g. <SomeComponent />). т.е теоретически можно сделать как я вам сказал
Чуть пересмотрел свой нынешний подход, сделал в итоге 1 компонент хедера который фиксированный. Там и Title и Табы, только при скролле я весь хедер наверх чуть сдвигаю и в итоге Title скрывается и показывается в зависимости от значения contentOffset. Ближе к началу списка он потихоньку будет показываться вновь по мере приближения. Работает плавно и не дёргается)
Обсуждают сегодня