我正在用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);

结果截图为:

javascript - 当我使用NavigatorIOS时,为什么init View 为空?-LMLPHP

我不知道为什么,请帮助我。

谢谢

最佳答案

尝试这个。您的文字可能隐藏在导航栏后面。

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

关于javascript - 当我使用NavigatorIOS时,为什么init View 为空?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32400996/

10-09 12:26