React native Android上的react本机flexbox问题

React native Android上的react本机flexbox问题,react-native,flexbox,react-native-android,React Native,Flexbox,React Native Android,概述 我已经尝试在android上使用flex box一个小时了,但似乎无法让它工作。因此,我从react本机站点获取了一个简单的片段来演示我的问题 主要问题 exampleContainer:{flex:1} 不会占用android屏幕空间 图片校对 代码片段 导出默认类应用程序扩展组件{ 建造师(道具){ 超级(道具); 此.state={ 环境:道具,环境, 消息:`Environment:${props.Environment}` } } 静态defaultProps(){ 返回{环

概述 我已经尝试在android上使用flex box一个小时了,但似乎无法让它工作。因此,我从react本机站点获取了一个简单的片段来演示我的问题

主要问题

exampleContainer:{flex:1}

不会占用android屏幕空间

图片校对

代码片段

导出默认类应用程序扩展组件{
建造师(道具){
超级(道具);
此.state={
环境:道具,环境,
消息:`Environment:${props.Environment}`
}
}
静态defaultProps(){
返回{环境:“未知”}
}
render(){
返回(
//尝试将'alignItems'设置为'flex start'
//尝试将'justifyContent'设置为'flex end'。
//尝试将'flexDirection'设置为'row'。
);
}

}
要使react native flex box在android和ios上都能正常工作,您的根视图必须应用flex样式,以便直接子视图知道有多少可用空间。

要使react native flex box在android和ios上都能正常工作,根视图必须应用flex样式,以便直接子视图知道有多少可用空间