Android 在React Native中滚动多个水平滚动视图时，同步滚动多个水平滚动视图

以下是React Native需要实现的示例：

标题1

使用滚动视图水平跨越的一些描述 （水平支柱）

标题2

使用滚动视图水平跨越的一些描述 （水平支柱）

标题3

使用滚动视图水平跨越的一些描述 （水平支柱）

其代码为：

平面列表-->视图 -->标题+滚动视图（说明）

现在，当我滚动一行的描述时，另一行的所有描述应该同步滚动

结构如下：

  <View>
    <TouchableOpacity>
      <View style={styles.titleContainer}>
        <Text style={styles.title}>{name}</Text>
      </View>
    </TouchableOpacity>

    <ScrollView
      onMomentumScrollEnd={e => this.onScroll(e, index)}
      ref={node => { this.scrollRef[index] = node; }}
      scrollEventThrottle={16}
      showsHorizontalScrollIndicator={false}
      horizontal
      style={styles.fundContainer}
    >
      <View style={styles.statsContainer}>
        <Text>Some Description</Text>
      </View>
    </ScrollView>
  </View>

我正在使用

onMomentumScrollEnd

在滚动端滚动项目。如果我使用

onScroll

，它会造成性能瓶颈并严重滞后

---

有什么办法可以同步滚动列表吗？

嘿，伙计，为什么不创建一个大的父滚动视图，并将这些标题视图放在父滚动视图的顶部（使用绝对位置）？所以你只需要水平滚动一个滚动视图，这将使它看起来像所有3个可滚动部分同步滚动，这基本上是只有一个滚动视图水平滚动！1.有一个要滚动的项目列表。我们应该使用FlatList来表示同样具有语义的列表。2.我不希望所有列表同时滚动。用户一次只能滚动一个部分。无论如何，我几个月前就解决了这个问题，但我不记得了。也许，如果我再面对它，我会知道的

  onScroll = (event: Object, index: number) => {
    this.scrollRef.forEach((scrollItem, scrollIndex) => {
      if (scrollIndex !== index) {
        scrollItem.scrollTo({
          x: event.nativeEvent.contentOffset.x,
          y: event.nativeEvent.contentOffset.y,
          animated: true,
        });
      }
    });
  };