reactjs - 在本机反应中替代 FlatList

Question

如何在旧的 react native 版本中使用 FlatList 功能，我的 react native 版本是 0.41.2。请建议。我想在可折叠集中使用 flatlist 来呈现大数据。

Answer 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

Answer 2

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

Answer 3

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 4

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

npm i react-native-optimized-flatlist