當我使用NavigatorIOS時，爲什麼init視圖是空的？

Question

我建立一個iOS應用與反應母語，現在我被卡住試圖加載的init與NavigatorIOS查看，我的代碼是這樣的：

'use strict'; 

var React = require('react-native'); 
var { 
    AppRegistry, 
    NavigatorIOS, 
    StyleSheet, 
    Text, 
    View, 
} = React; 

var Movies = React.createClass({ 
    render:() => (
     <View> 
      <Text style={styles.text}>Hello</Text> 
     </View> 
    ) 
}); 

var hot_moive = React.createClass({ 
    render:() => (
     <NavigatorIOS 
      initialRoute={{ 
       title: 'Movies', 
       component: Movies 
      }} 
     /> 
    ) 
}); 

var styles = StyleSheet.create({ 
    text: { 
     color: '#333', 
     fontSize: 18 
    } 
}); 

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

結果截圖：

我不知道爲什麼，請幫助我。

謝謝

Answer 1

試試這個。您的文字可能隱藏在導航欄後面。

var Movies = React.createClass({ 
    render:() => (
    <View style={{marginTop: 64}}> 
     <Text style={styles.text}>Hello</Text> 
    </View> 
) 
});