react+Native使用typeScript

1、为什么使用typeScript?

typeScript是JavaScript的超集

typeScript在编译期间就可以将错误抛出

增强代码的可阅读性和可维护性

 

---

 

2、案例的功能逻辑

切换职业

选择服务区域

选择服务品种

选择服务承诺

 

---

 

3、使用命令创建react Native的typescript

详情参考react Native中文官网https://reactnative.cn/docs/typescript#__docusaurus

react-native init MyAwesomeProject --template typescript

 

---

 

4、使用第三方库和声明文件

yarn add react-native-modal
yarn add react-native-vector-icons
yarn add --dev @types/react-native-vector-icons

 

---

 

5、使用样式

 

import {StyleSheet} from ''react-native;

const style = StyleSheet.create({
  container:{
   flexDirection:;'row';
 }
})

 

---

 

6、使用图标

import Icon from "react-native-vector-icons/FontAwesome";

<Icon name='check' size={12}/>

react-native link react-native-vector-icons

 

PureComponent通过prop和state的浅比较来实现shouldComponentUpdate