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 不起作用

使用 Typescript 2.8 React Native - 无法重新声明块范围变量“控制台”

使用带有 TypeScript 的 React Native 找不到变量 Symbol