VIKINGVyksa
@VIKINGVyksa
front-end developer

Как реализовать прокрутку меню на react-native?

Добрый день, столкнулся с проблемой реализации следующей фичи в react-native.

На экране есть некая шапка, горезонтальное меню, и вертикальный список товаров с категориями.

5d690343ee4b2364415729.jpeg

Задачи:
1. при прокрутке экрана, когда верхний край экрана сравняется с верхним краем меню зафиксировать меню на экран;
2. при нажатии на элемент горезонтального меню проскроливать страницу до нужной категории товаров в списке товаров;
3. подсвечивать в горизонтально меню ту категории, которая сейчас ему видна.
4. шапка должна иметь поведение на подобие следующего

demoIos.gif

Я реализовал список, скролл до секции, отображение активной секции, но не могу нормально интегрировать это вместе с этой библиотекой https://github.com/bamlab/react-native-image-heade...

Проблема в двух ScrollView, при нажатии на секцию происходит скролл до элемента только в одном из ScrollView, а шапка так и остается видна, верхний ScrollView не перемещается.

Как вообще такое реализуется, реализовывали вы что-то подобное, есть ли оптимальное решение, которое не будет подлагивать?
  • Вопрос задан
  • 482 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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