フラットリストと代替ネイティブで反応

Question

フラットリスト機能を古い反応ネイティブバージョンで使用する方法です。私の反応ネイティブバージョンは0.41.2です。私は大規模なデータをレンダリングするために折り畳み式のセットでフラットリストを使用したいと思います。

Answer 1

FlatListが0.44でリリースされました。以前のバージョンでは、ListViewを使用してください。公式ドキュメントから 簡単な例：

class MyComponent extends Component { 
    constructor() { 
    super(); 
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); 
    this.state = { 
     dataSource: ds.cloneWithRows(['row 1', 'row 2']), 
    }; 
    } 

    render() { 
    return (
     <ListView 
     dataSource={this.state.dataSource} 
     renderRow={(rowData) => <Text>{rowData}</Text>} 
     /> 
    ); 
    } 
} 

https://facebook.github.io/react-native/docs/listview.html

Answer 2

信託私は、あなたがRNバージョン0.43以降を使用せずにFlatListコンポーネントを使用することができます方法はありません。あなたができる唯一の方法はあなたのRNバージョンをアップグレードすることです。

Answer 3

代わりにRecyclerListViewを使用してください。フラットリストよりも速く、Flipkartでテストされています。作品0.30+

がリンク：https://github.com/Flipkart/ReactEssentials

あなたがここでそれについての詳細を読むことができます：https://medium.com/@naqvitalha/recyclerlistview-high-performance-listview-for-react-native-and-web-e368d6f0d7ef