码迷,mamicode.com
首页 > 其他好文 > 详细

react+Native使用typeScript

时间:2020-05-05 10:31:48      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:span   pes   切换   oda   flex   通过   选择   code   col   

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

标签:span   pes   切换   oda   flex   通过   选择   code   col   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!