本机反应-背景颜色仅占一半

问题描述

当我运行React Native项目时，我的背景颜色占据了照片中一半的屏幕，而在移动版（android）中，只有状态栏出现在屏幕上。我该如何解决？

台式机

http://prnt.sc/u5kpko

移动

http://prnt.sc/u5kpww

项目代码

(routes.js)
import React,{ Component } from 'react';
import {Router,Stack,Scene} from 'react-native-router-flux';

import Login from './pages/Login';
import Signup from './pages/Signup';


export default class Routes extends Component {

    render () {
        return (
            <Router sceneStyle={{backgroundColor: '#81b71a'}}>
            <Stack key="root">
              <Scene key="login" component={Login} title="Giriş Yap" initial={true}/>
              <Scene key="signup" component={Signup} title="Kayıt Ol" />
            </Stack>
          </Router>
        )
    }
}



(app.js)


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

import ActiveStatus from './src/components/StatusBar';

import Routes from './src/Routes';

export default class App extends Component {
  render () {
      return (
        <View style={styles.container}>
          <ActiveStatus />
          <Routes />
        </View>
      );
  }
}
const styles = StyleSheet.create({
  container: {
     
   },});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）