反应原生的FlatList替代

时间:2017-09-07 09:40:15

标签: reactjs mobile react-native react-android

如何在旧版本的本机版本中使用FlatList功能,我的本机版本为0.41.2。请建议。我想在可折叠集中使用平面列表来渲染大数据。

4 个答案:

答案 0 :(得分:1)

相信我,如果不使用RN版本0.43及更新版本,则无法使用FlatList组件。您可以做的唯一方法是升级您的RN版本。

答案 1 :(得分:1)

只需使用RecyclerListView即可。它比FlatList更快,并且在Flipkart进行了战斗测试。作品0.30 +

链接:https://github.com/Flipkart/ReactEssentials

您可以在此处详细了解:https://medium.com/@naqvitalha/recyclerlistview-high-performance-listview-for-react-native-and-web-e368d6f0d7ef

答案 2 :(得分:0)

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

答案 3 :(得分:0)

使用react-native-optimized-flatlist获得稳定和更快的响应。

npm i react-native-optimized-flatlist