android上的React本机Flatlist崩溃
使用Flatlist会导致应用程序在android上崩溃。我的密码是android上的React本机Flatlist崩溃,android,react-native,react-native-flatlist,Android,React Native,React Native Flatlist,使用Flatlist会导致应用程序在android上崩溃。我的密码是 <ScrollView style={{ flex:1 }}> <View style={{ justifyContent: "space-around" }} > <FlatList data={this.state.topSuggested}
<ScrollView style={{ flex:1 }}>
<View style={{
justifyContent: "space-around"
}}
>
<FlatList
data={this.state.topSuggested}
keyExtractor={(item, index) => index.toString()}
numColumns={3}
renderItem={({ item, index }) => (
<TopTileCard
id={item.dish_type_id}
name={item.name}
image={item.image}
pieces={item["COUNT(restaurant_items.id)"]}
onCardClick={this.topItemClick}
key={index}
/>
)}
/>
</View>
</ScrollView>
顶部有六个对象。如上所述
任何帮助都将不胜感激
谢谢我遇到了一个类似的问题,一个平面列表试图在一些旧的android版本上呈现大量的项目。将initialNumToRender道具添加到FlatList对我来说很有效,请尝试将其设置为一个非常低的数字,如1或2。这只是意味着,使用将看到更多的项目出现在屏幕上,我认为这是好的
或者,您可以删除ScrollView,因为您似乎不需要它。尝试在它崩溃多少项(在不同设备上的平均值)后注意它。然后定义每个周期的MAXLIMIT并设置一个计数器来测量它,当计数器达到MAXLIMIT时,只需清空数据并重新填充,在页脚设置LOADMORE按钮来处理刷新
如果您想将其升级到不同的设备,请从用户处获取限制并动态设置它的性能(例如,对于2 Gb ram,MAXLIMIT将为50,对于6 Gb ram 200),然后它将按您的需要运行。您面临什么错误?你能分享屏幕截图吗?你能附上应用程序崩溃时你必须拥有的日志吗。它将为更好地解决问题提供一些见解。您能否提供屏幕截图和您的this.state.topSuggestedI找到应用程序崩溃的原因,当打开具有上述平面列表的屏幕时,ram使用率非常高,因此具有1-2 GB ram的设备会崩溃@BrijeshShiroya@BrijeshShiroya显示应用程序刚刚关闭时没有错误
[
{
COUNT(restaurant_items.id):7,
dish_type_id:21,
image:null,
name:"Cheese Toast",
type:"top"
},
{
COUNT(restaurant_items.id):6,
dish_type_id:548,
image:null,
name:"Chicken Biryani",
type:"top"
}
]