sample react native app显示空白



  • 我是新手,我使用react-native init 一个app,运行的时候是空白界面
    但是我看了index.android.js里面是有内容的,这是为什么呢
    /**

    class HelloWord extends Component {
    render() {
    return (
    <View style={styles.container}>
    <Text style={styles.welcome}>
    Welcome to React Native!
    </Text>
    <Text style={styles.instructions}>
    To get started, edit index.android.js
    </Text>
    <Text style={styles.instructions}>
    Shake or press menu button for dev menu
    </Text>
    </View>
    );
    }
    }

    const styles = StyleSheet.create({
    container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
    },
    welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    },
    instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
    },
    });

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



  • 在真机和模拟器上都是空白的


登录后回复