React native 表演的最佳方式是什么；标签；网格列表？

我正试图通过

FlatList

和

VirtualizedList

组件来实现这一点，不幸的是，这带来了以下警告：

如果FlatList允许我使用

flexWrap:wrap

，它将完美地满足我的需求。是否有任何方法可以实现我想要的任何其他组件

我需要查看回收，以确保一切保持性能，因为我有多达500个项目在一个列表中的时间。我见过各种网格视图库，但它们并不合适，因为它们迫使您指定许多列，我只希望我的标记（宽度可变）适合它们可以向左对齐的位置

下面是我在本例中使用的代码：

    import React from 'react';
import { StyleSheet, Text, View, Component, FlatList } from 'react-native';

class MyListItem extends React.PureComponent {
  render() {
    return (
      <Text
        style={styles.text}>
        {this.props.testing}
      </Text>
    )
  }
}

export default class App extends React.Component {
  render() {
    _renderItem = ({item}) => (
      <MyListItem
        testing={item}
      />
     );
     items = []
     for (var i = 0; i < 500; i++) {
       items[i] = "asdi"+i
     }
    return (
      <View style={styles.container}>
        <FlatList
          data={items}
          renderItem={_renderItem}
          keyExtractor={item => item}
          contentContainerStyle={styles.list}
          />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  list:{
    flexDirection: 'row',
    flexWrap: 'wrap',
  },
  text:{
    backgroundColor: "rgb(90, 90, 90)",
    marginBottom:10,
    margin:4,
    padding:5,
    alignSelf: "flex-start",
    flexDirection: 'row',
    flex: 1,
  }
});

从“React”导入React；
从“react native”导入{样式表、文本、视图、组件、平面列表}；
类MyListItem扩展了React.PureComponent{
render（）{
返回(
{this.props.testing}
)
}
}
导出默认类App扩展React.Component{
render（）{
_renderItem=（{item}）=>(
);
项目=[]
对于（变量i=0；i<500；i++）{
项目[i]=“asdi”+i
}
返回(
项目}
contentContainerStyle={styles.list}
/>
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
},
名单：{
flexDirection:'行'，
flexWrap:“wrap”，
},
正文：{
背景色：“rgb（90,90,90）”，
marginBottom:10，
差额：4，
填充：5，
alignSelf：“灵活启动”，
flexDirection:'行'，
弹性：1，
}
});