在根目录下新建一个setup.js文件,拷贝index.android.js或者index.ios.js其中的一个文件的代码到setup.js文件:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; export default class setup 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.ios.js </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake 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, }, }); |
回到我们的index.android.js和index.ios.js文件夹下,用以下代码覆盖之前的代码:
1 2 3 4 5 6 7 |
import React, { Component } from 'react'; import { AppRegistry, } from 'react-native'; import setup from './setup'; AppRegistry.registerComponent('MyProject', () => setup); |
运行,和之前的一样,不报错,说明成功了。