すべてのアイテムを再レンダリングせずにScrollViewにアイテムを追加する

Question

私の現在のユースケースでは、ScrollViewにアイテムを追加しています。状態にあるアイテムコレクションにアイテムを追加すると、すべてのアイテムが再レンダリングされることに気付きました。

解決方法はありますか？ 現在の実装はScrollViewでなければならないので、FlatListまたはリストの他の実装への変更は無関係です。

<View style={{flex: 1}}> 
    <ScrollView> 
     <TouchableWithoutFeedback accessible={false}> 
     <View style={{flexDirection: 'column', alignItems: 'center'}}> 
     {this.state.items.map((item, key) => 
     (
      <Flag country={item} key={key} /> 
     ))} 
     </View> 
     </TouchableWithoutFeedback> 
    </ScrollView> 
    </View> 

はありがとう

Answer 1

私はFlatListを使用して代わりにScrollViewをレンダリングする状態の集合からマップを使用してにチェックします。基本的に、this.state.itemsを更新すると、その状態に関係するものの再レンダリングが呼び出されます。

私はこのリソースを使ってきたし、それはあなたがあなたのコードをアップグレード助ける必要があります。

http://matthewsessions.com/2017/05/15/optimizing-list-render-performance.html