当我使用NavigatorIOS时，为什么init视图为空？

Question

我正在使用react-native构建iOS应用程序，现在我不得不尝试使用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>
  )
});