#reactjs #react-native #native #flatlist
#reactjs #react-native #native #плоский список
Вопрос:
Привет всем, я пытаюсь добиться эффекта для горизонтального плоского списка в REACT NATIVE. На самом деле у меня есть два Flatlist, верхний горизонтальный, который содержит 9 таких элементов :
Как вы можете себе представить, flatlist переполняется, поэтому мы не видим все элементы, поэтому мы можем прокручивать с помощью события касания.
Я хочу, чтобы, когда пользователь нажимал на один из элементов, красная нижняя строка анимировалась под хорошим элементом. черный — это статический индикатор.
Я использую свойство scrollToIndex flatlist для перемещения элемента в центр экрана.
Я не могу получить правильную позицию X для анимации активного индикатора слайда с предыдущего элемента на новый.
Слайдер является анимированным.Просмотр позиции как абсолютной с помощью свойства translationX transform.
У кого-нибудь есть пример или объяснение для этого.
Спасибо.
CcHuMi
Комментарии:
1. вы можете использовать . наведите курсор CSS на активный элемент «класс» или «идентификатор». если вы хотите, чтобы это было выделено красным цветом, подчеркните активный элемент.
2. Спасибо, но я использую react native, как указано в теге. Я редактирую свой вопрос, чтобы указать это в содержимом.