У меня есть два плоских списка, один содержит данные (dataScroll), а другой - флажки (checkScroll) для каждого элемента данных.
Причина этого в том, что флажки всегда должны быть видны, пока пользователь прокручивает по горизонтали dataScroll (я поместил dataScroll в прокрутку с горизонтальной прокруткой).
Демонстрация:
демонстрация закусок на выставке
На данный момент пробовали:
В событии прокрутки dataScroll я получил смещение y и переместил checkScroll в эту позицию y.
handleDataScroll = ({ nativeEvent: { contentOffset: { y } } }) => {
this.checkScroll.scrollToOffset({ offset: y, animated: true });
}
Он (почти) выполняет свою работу, но при прокрутке между двумя плоскими списками возникает огромная задержка.
--
Я читал, что, возможно, лучше использовать анимированные компоненты, но я не мог понять, как анимация работает в React Native.
Поэтому я хотел бы получить некоторую помощь в том, как мне связать два плоских списка вместе, чтобы, если я прокручиваю один список, другой следовал за ним без (или, по крайней мере, с минимальной) задержкой.
Если прокручивается только плоский список dataScroll, это тоже нормально.