当我使用 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>
  )
});