backgroundColorが動作しない（React Native）のはなぜですか？

Question

どうしてbackgroundColorは私の電話スクリーンの背景色全体を変更しませんか？コードを実行するたびに空白の白い画面が表示されます。

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); 

はここに私のLogin.jsファイルです：

は、ここに私のindex.ios.jsファイルです

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' 
    } 
}); 

Answer 1

変更それは、あなたのフレックスは、/ uはこの問題を解決することができルートにフレックス追加することにより、子component.Soに

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); 

Answer 2

あなたの親ビューは、それがフレックスルールをだ設定していないので、flex: 1が無視されています。ラッピングトップレベルビュー（1つのコンポーネントが確実にEpsilonにある場合）を削除するか、またはラップビューにフレックスルールを追加することができます。このような