react-native - 反応ネイティブ FlatList の応答遅延

Question

私は<FlatList>リストをレンダリングするために使用しています:

  <FlatList

        ListFooterComponent={this.renderFooter}
        ItemSeparatorComponent={this.renderSeparator}
        refreshing={this.state.refreshing}
        onRefresh={this.doPullRefresh}
        onEndReached={this.endFooter}
        initialNumToRender={10}
        onEndReachedThreshold={0.5}
        removeClippedSubviews={false}
        data={this.state.listdata}
        renderItem={({item}) => <ListItem onPress={this.goToStuInfo} alldata={item} id={item.key} number={item.number} avatar={item.avatar} name={item.name} />}
      />

データの合計サイズは約 300 です。したがって、一部のデータが表示され、他のデータがリスト アイテムとしてレンダリングされていることがわかります。

この時点で (一部のデータはまだレンダリング中です)、アイテムに触れると遅延が発生します。返事が来るまでしばらく待たなければなりません。そして、戻るボタンを押しても待たなければなりません。

リストが私のタッチの動きに最初に反応できる解決策はありますか?

私の解決策

さて、私は 10 個のアイテムを 1 回レンダリングすることでこの問題を解決しました。

より多くのデータをプッシュしthis.state.listdataますonEndReached

私のために働きます。