react+Native使用typeScript
Posted llcmite
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
以上是关于react+Native使用typeScript的主要内容,如果未能解决你的问题,请参考以下文章
react native 可以使用typescript开发吗
在带有 typescript 的 react-native 中使用 createRef?
如何在带有 Typescript 项目的 React Native 中使用 AWS Amplify?
使用 Typescript 的 React Native/Xcode Release 不起作用