首页 > 其他 > 详细

react+Native使用typeScript

时间:2020-05-05 10:01:46      阅读:53      评论:0      收藏:0      [点我收藏+]

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

原文:https://www.cnblogs.com/llcMite/p/12590835.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!