Индикатор анимированного элемента React native Horizontal Flatlist

Всем привет. Я пытаюсь добиться эффекта на горизонтальном плоском списке в REACT NATIVE. На самом деле у меня есть два Flatlist, верхний - Horizontal, который содержит 9 таких элементов:

Как вы можете себе представить, переполнение плоского списка, поэтому мы не видим все элементы, поэтому мы можем прокручивать с помощью события касания.

Я хочу, чтобы, когда пользователь нажимал на один из элементов, красная нижняя строка перемещалась под хорошим элементом. черный - статический индикатор.

Я использую свойство плоского списка ScrollToIndex, чтобы переместить элемент в центр экрана.

Я не могу получить правильную позицию X для анимации активного индикатора слайда с предыдущего элемента на новый.

Slider - это позиция Animated.View как абсолютная со свойством преобразования translationX.

Есть ли у кого-нибудь пример или объяснение этому.

Спасибо.

CcHuMi

0 ответов

Другие вопросы по тегам