为什么我的 Flatlist 不能超过 13 个项目？

Question

我正在尝试使用平面列表渲染 23 个项目，这些项目是带有照片和名称的配置文件。 由于某种原因，flatlist 卡在 13 处并且不会超出。

<Screen >    
        <Header/>
        <View style={styles.notificationArea}>
            <AppText style={styles.headingTextStyle}>Notifications</AppText>
            <FlatList   data={notifications} 
                        keyExtractor={item=>item.notifID.toString()}        
                        renderItem={({item})=> 
                         <NotificationBox inputText={item.notifText} 
                                          inputPhotoLocation={item.notifPhotoLocation} 
                                          onPress={()=> console.log(item)}> 
                         </NotificationBox>}/>
        </View>
        
    </Screen>

带有 Styles.NotificationArea 样式的视图是此 Flatlist 的父级，样式如下

notificationArea:{
    backgroundColor:colors.primary,
    width:"98%",
    height:"100%",
    marginLeft:18,
    flex:1
},

最后，屏幕组件的样式如下

Screen:{
    paddingTop: Constants.statusBarHeight,
    flex:1, 
    backgroundColor: colors.primary
},

通知数组如下所示

{
    notifID:1,
    notifText:"People Liked your photo",
    notifPhotoLocation:require('../assets/ProfileImages/1.jpg')
},

 {
    notifID:2,
    notifText:"People Liked your Video",
    notifPhotoLocation:require('../assets/ProfileImages/1.jpg')
},

任何帮助，将不胜感激

Answer 1

好吧，原来我在保存列表文件时犯了一个错误，13 以下的项目被删除了。 猜猜我有脑放屁。 谢谢大家的帮助