react-native - react native Flex : 1 Does not fill whole screen

Question

我尝试使用 flex: 1 用黑色填充整个屏幕。但结果是这样的

  <View
    style={{
      flex: 1,
      backgroundColor: 'black',
    }}
  />

我也尝试过使用:

   height: '100%',
   width: '100%',

和

const HEIGHT = Dimensions.get('window').height;
const WIDTH = Dimensions.get('window').width;

但结果还是一样。

有没有办法完全填满整个屏幕？

Answer 1

您是否将应用程序包装在安全区域 View 内，无论如何，如果 flex:1 不起作用，您可以使用百分比宽度和高度来填充整个屏幕。

style = {{ width:'100%', height:'100%' }}