Javascript React本机Android Flatlist不可见

android中没有显示平面列表，但它与ios中的所有功能配合良好

下面是我的代码。我不明白为什么会这样，因为这是一个基本的道具。但它仍然不起作用

import React，{Component}来自“React”；
进口{
样式表，
文本
看法
可触摸不透明度，
文本输入，
平面列表，
站台
异步存储
}从“反应本族语”；
从“./image/krutika.jpg”导入导师；
进口{
容器
标题，
左边
输入
身体
正当
缩略图，
按钮
}来自“本土基地”；
从“反应本机矢量图标/FontAwesome”导入FontAwesome；
从“反应本机向量图标/Ionicons”导入Ionicons；
从“react native vector icons/Fontsome”导入Icon1；
从“axios”导入axios；
从“./image/group\u img.png”导入组\u img；
从“react native loading Spinner overlay”导入微调器；
导出默认类ChatBox扩展组件{
静态导航选项={
标题：空
};
状态={
小组成员：[]，
学生id:null，
groupType:null，
typedText:null，
groupId:null，
组\u img1:null，
groupName:null，
组类型：空，
微调器：空，
};
renderDate=日期=>{
返回{date}；
};
componentWillMount=async（）=>{
这是加载（）；
常数{
groupId，
组(im)，
组名，
组型
}=this.props.navigation.state.params；
等待这一天({
groupId:groupId，
组img1：组im，
groupName:groupName，
组类型：组类型
});
//控制台日志（组\ img1）；
};
加载=异步（）=>{
const userid=await AsyncStorage.getItem（“用户id”）；
this.setState（{student\u id:userId}）；
试一试{
让{data}=等待axios
.得到(
"https://www.qualpros.com/chat/imApi/getMessage?groupId=" +
this.state.groupId+
“&limit=10&start=0&userId=“+userId
)
。然后（响应=>{
//console.log（响应）
如果（response.status==200）{
this.setState（{group_msgs:response.data.response}）；
console.log（this.state.group_msgs.sender）；
}否则{
}
});
}捕捉（错误）{
控制台日志（err）；
}
console.log（this.state.group\u img1）；
};
重置=异步（）=>{
this.setState（{searchText:“}）；
};
getInitialState=函数（）{
返回{
搜索文本：“
};
};
onSubmitEditing=async（）=>{
this.setState（{spinner:true}）
试一试{
var formcardBody=[]；
formcardBody.push（“groupId=“+this.state.groupId”）；
formcardBody.push（“message=“+this.state.typedText”）；
formcardBody.push（“userId=“+this.state.student\u id”）；
formcardBody=formcardBody.join（“&”）；
让{data}=等待获取（“https://www.qualpros.com/chat/imApi/sendMessage", {
方法：“张贴”，
正文：formcardBody，
标题：{
接受：“应用程序/json”，
“内容类型”：“应用程序/x-www-form-urlencoded”，
}
})
。然后（响应=>{
console.log（响应）
如果（response.status==200）{
这是加载（）；
this.setState（{spinner:false}）
}否则{
}
});
}捕获（错误）{
console.log（error.response）；
}
console.log（this.state.groupId）；
console.log（this.state.typedText）；
console.log（this.state.student\u id）；
这是我的国家({
typedText:“
});
};
render（）{
返回(
this.props.navigation.navigate（“聊天屏”）}
>
{this.state.group_type==“0”(
) : (
)}
{this.state.group_type==“0”？
{
this.props.navigation.navigate（“Groupmembers”{
组id:this.state.groupId，
groupName:this.state.groupName，
});
}}
风格={{
alignSelf:Platform.OS==“安卓”？“中心”：空，
尺寸：17，
颜色：“fff”
}}
>
{this.state.groupName}
：{this.state.groupName}
{this.state.group_type==“1”(
{
这个.props.navigation.navigate（“TutorCalender”）；
}}
>
)：null}
this.flatList=ref}
onContentSizeChange={（）=>this.flatList.scrollToEnd（{animated:true}）}
onLayout={（）=>this.flatList.scrollToEnd（{animated:true}）}
style={style.list}
数据={this.state.group_msgs}
keyExtractor={item=>{
return item.message.m_id.toString（）；
}}
renderItem={message=>{
const item=message.item；
console.log（item.message.sender）；
让inMessage=item.message.sender==this.state.student_id“out”：“in”；
让项目风格=
inMessage==“in”？styles.itemIn:styles.itemOut；
返回(
{item.message.type==“text”(
{item.message.message}
)：null}
);
}}
/>
这是我的国家({
类型文本
})
} 
价值观={
this.state.typedText
}
/>
{/* 
style={styles.iconSend}/>