Javascript 为什么赢了'；背景色工作（反应本族语）？

为什么

backgroundColor

不会改变我整个手机屏幕的背景色？只要我运行代码，就会得到一个空白的白色屏幕

这是我的

index.ios.js

文件：

import React, {Component} from 'react';
import {AppRegistry, View} from 'react-native';
import Login from './ios/components/login/Login';

export default class Epsilon extends Component {
    render() {
        return (
           <View>
               <Login/>
           </View>
        );
    }
}

AppRegistry.registerComponent('Epsilon', () => Epsilon);

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

export default class Login extends Component {
    render() {
        return(
            <View style={styles.container}>

            </View>
        );
    }
}

const styles = StyleSheet.create({
   container: {
       flex: 1,
       backgroundColor: '#3498db'
   }
});

---

您的

flex:1

将被忽略，因为父视图未设置其flex规则。您可以删除包装顶层视图（如果您在

Epsilon

中确实只有一个组件），或者在包装视图中添加flex规则。

这样更改，子组件中将忽略您的flex。因此，通过将flex添加到根u可以解决此问题/

import React, {Component} from 'react';
import {AppRegistry, View} from 'react-native';
import Login from './ios/components/login/Login';

export default class Epsilon extends Component {
    render() {
        return (
           <View style={{flex:1}}>
               <Login/>
           </View>
        );
    }
}

AppRegistry.registerComponent('Epsilon', () => Epsilon);

import React，{Component}来自'React'；
从“react native”导入{AppRegistry，View}；
从“./ios/components/Login/Login”导入登录名；
导出默认类Epsilon扩展组件{
render（）{
返回(
);
}
}
AppRegistry.registerComponent（'Epsilon'，（）=>Epsilon）；