随笔分类 - react native
react native 中使用react-native-vector-icons
摘要:1.引入依赖 2.LINK原生 若成功的话会看到如下文件 3.在组件中引入 4.重新react-native run-android的时候会报错,因为node_module中的react-native-vector-icons下的 buildToolsVersion 和你项目的 buildTools
阅读全文
react native中使用ScrollableTabView
摘要:第一步,下载依赖 第二步,引入 第三步,使用 由于我把里面的一层提出来循环了,所以在上面使用方法的时候直接找了另一种方法 效果图是 完整代码是 home.js
阅读全文
react native中使用 react-native-easy-toast 和react-native-htmlview
摘要:第一步,下载依赖 第二步,引入 第三步,使用 然后执行项目 完整代码是,app.js
阅读全文
react native中使用native-echarts
摘要:第一步,下载依赖 第二步,引入 第三步,使用 然后重启项目,你会看到如下页面 完整代码 Echart.js 注:如果有黄色的报错只需要把模拟器放在tab的第一个就行了,这里的tab是alt+tab切换的那个顺序,就是不重要的意思,哈哈
阅读全文
react native 使用TabNavigator编写APP底部导航
摘要:第一步,下载依赖 第二步,引入 第三步,使用 注意:选中和默认的图片这里为了方便我使用的是同一张图片 然后执行react-native run-android 若看到如下界面说明你编写成功了,若没有成功,可以留言一起讨论 如下是完整代码
阅读全文
react native 初识生命周期
摘要:关于生命周期这块,我是看到慕课堂的一个视频,觉得将的很好,引入很容易理解,地址是:https://www.imooc.com/video/14288 如果你们想了解一下,也可以去看看 RN 组件的生命周期整理如下图 如图,可以把组件生命周期大致分为三个阶段: 第一阶段:是组件第一次绘制阶段,如图中的
阅读全文
react native初识
摘要:开发的第一步就是搭建rn的开发环境,你可以去官网去查看教程也可以 点击 http://bbs.reactnative.cn/topic/10 进去查看window的开发环境安装的教程;注意:很关键的一点就是你的sdk和ndk 环境装好了以后你就可以初始化一个项目了 然后你进入这个项目,执行一下就可以
阅读全文