react native再回顾系列
Smileyqp沛沛
越努力 越幸运 && 致力成为auto driving行业优秀的前端喵~
展开
-
react native安装配置图标库react-native-vector-icons以及安装配置react-navigation
1、项目初始化//初始化项目npx react-native init gloryApp//开启react-native服务;此处推荐用yarn,cnpm和npm也可以yarn start//开启android模拟器;同react-native run-androinpm run android //开启ios模拟器;同react-native run-iosnpm run ios2、安装react-native-vector-icons的icon库链接????添加这个库到项目原创 2020-07-10 02:23:37 · 934 阅读 · 1 评论 -
【react native】矢量图标react-native-vector-icons的使用(4)
安装yarn add react-native-vector-icons --save//或者cnpm install react-native-vector-icons --save//或者npm install react-native-vector-icons --save配置(IOS)添加配置代码ios/info/plist中,下图位置处将这部分代码粘贴进去:<...原创 2020-04-14 18:26:52 · 245 阅读 · 0 评论 -
【react native】react navigation简述(3)
createStackNavigatorcreateStackNavigator类似于普通的navigator,屏幕上方导航栏createBottomTabNavigator屏幕下方标签栏createMaterialTopTabNavigator屏幕顶部的材料设计主题标签栏createDrawerNavigator抽屉效果,侧边划出creat...原创 2020-04-14 16:43:19 · 211 阅读 · 0 评论 -
【react native】关于开始写react native简述(2)
这个系列自己拖了很久,一直想写来着,但是搁置没有开始动手。今天也算是一个开始吧。开始写react native系列的总结了。今天的话将react native的基本的一些框架以及welcome页面搭建好了。准备写一下它的导航react-navigation了。welcome to smileyqp‘又是一个新的开端。这个系列的话考虑要写的有很多,包括框架整个的搭建,其实当初做上一个项目的时候自己...原创 2020-04-14 15:42:02 · 238 阅读 · 0 评论 -
react native布局
像素无关react native中的尺寸是没有单位的,它代表了设备的独立像素flex box的弹性盒子布局和css3中有何不同?flexDiDirection在react native中的默认值是column,也就是默认是列排列;在web中默认值是row行排列alignItems:在react native中默认是stretch,在web中默认的是flex-startflex:在...原创 2020-04-02 15:42:17 · 241 阅读 · 0 评论 -
FlatList高性能组件
flatList底层是vitrulList原创 2020-04-02 16:43:32 · 187 阅读 · 0 评论 -
react native中弹性盒子布局和css3中有何不同?
flexDiDirection在react native中的默认值是column,也就是默认是列排列;在web中默认值是row行排列alignItems:在react native中默认是stretch,在web中默认的是flex-startflex:在web中是可以接受三个参数的flex:2 2 10%,但是在react native中默认只能接受一个参数react native:默认不...原创 2020-04-02 15:18:09 · 163 阅读 · 0 评论 -
再看react native组件生命周期
componentwillreceiveprops可用以下方法替换什么时候在componentwillMount中初始化想要用ref获取到真实的dom节点的时候:应该在willmount方法中进行,在构造方法中是获取不到真实的dom节点的想从远端加载数据,进行请求⚠️注意:在这个方法中调用setState方法将会触发一次渲染,但是它是在浏览器刷新屏幕之前发生,这保证了即使ren...原创 2020-04-02 15:08:04 · 216 阅读 · 0 评论