@TAnonim

Как сделать, чтобы header во flatlist не уходил вниз при pull-to-refresh?

Приветствую. У меня есть FlatList с header'ом. Когда тянешь вниз для обновления, хедер уходит вниз вместе с элементами списка:
5tVD7.png

Но я хочу, чтобы хедер оставался наверху, а вниз уходили только элементы:
hoxoe.png

Это можно было бы сделать, если вынести хедер из списка и поставить его просто перед flatlist. Но тогда header всегда будет оставаться наверху, а мне нужно, чтобы при скролле хедер уходил наверх вместе с элементами списка.

Я пробовал делать отрицательный margin-top header'у на событие onScroll, но это выглядит топорно, к тому же скорость ухода header отличается от скорости скролла списка. В общем, не вариант.

Как можно сделать подобное? Буду благодарен за ваши идеи!
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
@davidnum95
Запилил пример как это можно реализовать с помощью Animated и парочки костылей:
https://github.com/davidnum/FlatListExample
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы