关于新初始化的RN项目的模板代码的问题

Question

const App: () => React$Node = () => {
return (
<>

  </SafeAreaView>
</>

);
};
而不是

export default class App extends Component {
render() {
const {navigation} = this.props;

return (
  <View style={styles.container}>
    <Button
      title={'FastListDemo'}
      onPress={() => navigation.navigate('FastListDemo')}
    />
  </View>
);

}
}

Answer 1

CrazyCodeBoy 2019-12-08 19:45:24

新初始化的项目都会自动生成一个预览界面的模板代码，这个模板代码会随着RN的不同版本的发布而不同。

问题1：这个模板可以删吗？

答：可以

问题2：是按照这个模板写还是按照课程中推荐的方式写呢？

答：建议按照课程中推荐的方式写也就是通过标准的component的方式写。

如：

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

import React, {Component} from 'react'; import {Platform, StyleSheet, Text, View} from 'react-native'; export default class App extends Component{   render() {     return (       <View style={styles.container}>         <Text style={styles.welcome}> to React Native!</Text>         <Text style={styles.instructions}>To get started, edit App.js</Text>         <Text style={styles.instructions}>{instructions}</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,   }, });