如何在react native中将整个屏幕分割成不同大小的部分

Question

我是React Native的新手。请帮我回答这个问题。我尝试了以下方法，但无法垂直拆分屏幕。。

1. 尝试以百分比更改高度。

   <View style={{width: '100%', height: 150, backgroundColor: 'powderblue'}} />
   <View style={{width: '100%', height: 150, backgroundColor: 'skyblue'}} />
   <View style={{width: '100%', height: 150, backgroundColor: 'steelblue'}} />
   </View> ```
   

2.

如何在react native中将屏幕分成两部分？

3.

react原生flexbox分屏

Answer 1

您应该使用Flexbox。

<View style={{flex: 1}}>
<View style={{flex: 1}}></View>
<View style={{flex: 1}}></View>
<View style={{flex: 1}}></View>
</View>