关于react native页面全屏设置

  在React Native中,页面使用的是flexbox规则来指定某个组件的子元素布局,因此要实现页面的全拼设置,是需要对view的flex相关属性进行设置。
  通常情况下我们考虑的是设置宽高来制定页面为全屏,那系统也没有提供全屏的变量之给我们,我们只能通过系统属性实例const {width, height} = Dimensions.get(‘window’);获取窗口的宽高,在指定view的宽高,这个是一般情况的想法。
  正如开头所说,React Native是以flexbox的规则来制定某个组件的子元素布局,因此需要考虑从flex的属性着手,flex属性代表了试图占取窗口比例,默认情况为0,即按照子元素大小绘制内容,如果指定了非0值x,则代表占取总flex的x份,如果其他子元素没有制定flex值,则在绘制完其他子元素后剩余的空间都是该制定flex值的元素的。