ReactNative ScrollToIndex太慢

Question

我正在使用react原生为一个法律文件创建一个应用程序。我需要的文件是可滚动的。我使用VirtualizedList呈现了它。问题是当我尝试使用scrollToIndex(索引：'something')时，性能太慢了。我的列表包含大约4000个呈现项(每个项大约有一个段落长)。

有什么方法可以让这个运行更流畅吗？

export default function App() {
  const scroller = useRef();

  return (
    <SafeAreaView>
      <View style={styles.upperContainer}>
          <CustomButton
            onPress={() => {
              scroller.current.scrollToIndex({ index: 1547 });
            }}
          />
        </View>
      <View style={styles.flatContainer}>
        <VirtualizedList
          ref={scroller}
          data={data}
          renderItem={({ item }) => (
            <CustomText data={item.content} type={item.type} />
          )}
          getItem={(data, index) => data[index]}
          getItemCount={(data) => data.length}
          keyExtractor={(item) => item.number.toString()}
          initialNumToRender={4000}
          onScrollToIndexFailed={() => {
            alert('error');
          }}
        />
      </View>
    </SafeAreaView>
  );
}

Answer 1

这个问题与这些问题类似，也许你可以参考一些答案，看看哪些适合你的情况。基本上，您需要一个纯组件才能使其工作。

Link -平面列表性能缓慢

Link - VirtualizedList:您有一个更新速度很慢的大列表