反应本机imageBackground不是全屏

Question

我创建了一个Wallpaper.js，这是我的背景图片。但是，它不会在模拟器上全屏显示。

我的Wallpaper.js

LogAttribute

我在登录页面中将此壁纸称为：

import React, { Component } from 'react';
import { StyleSheet, ImageBackground } from 'react-native';

import bgSrc from '../../images/wallpaper.png';

export default class Wallpaper extends Component {
  render() {
    return (
      <ImageBackground style={styles.picture} source={bgSrc}>
        {this.props.children}
      </ImageBackground>
    );
  }
}

const styles = StyleSheet.create({
  picture: {
    flex: 1,
    width: null,
    height: null,
    resizeMode: 'cover',
  },
});

结果是顶部空白。为什么不是全屏？

谢谢

Answer 1

您必须检查导航器堆栈的headerMode。它必须是“模态的”