16

私は ReactNative の新しい List コンポーネントである FlatList を使用しています。

セルが実際には画面に表示されていなくても、FlatList は一度にすべてのアイテムをレンダリングするようです。

<FlatList data={this.props.items} 
          keyExtractor={(item, index) => generateKey()}
         renderItem={this.renderStrip}/>

 renderItem = ({item}) => { 
   console.warn('rendered!');
   return <View style={{height:200, height: 100}} />
}

30個のアイテムを設定し、アイテムの総数に応じて「レンダリングされた」警告が呼び出されたようです。

FlatList は、Android の RecycleView の動作に似ていると思いました。アイテムが画面に表示されようとしているときにのみ、アイテムをレンダリングします。

何か不足していますか?パフォーマンスが低下しませんか?
アイテムが表示されようとしているときにのみアイテムをレンダリングできるようにしたかったのです。

4

3 に答える 3