![](https://img-blog.csdnimg.cn/20190919215553364.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
React Native
战·后风!!
看人之短,天下无可交之人,看人之长,世间尽是吾师。
展开
-
React Native 集成react-navigation(导航组件)及代码示例
React-Native 集成react-navigation(导航组件)1、创建测试项目navTest#使用命令react-native init navTest#使用webstrom创建2、安装react-navigation#安装yarn add react-navigation# or npm install --save react-navigation3、安...原创 2019-01-08 19:36:50 · 2584 阅读 · 5 评论 -
React Native集成react-native-qrcode-svg(二维码生成)
1、安装官方链接:https://github.com/awesomejerry/react-native-qrcode-svg#安装icon生成组件npm install react-native-svg --savereact-native link react-native-svg#安装二维码生成组件npm install react-native-qrcode-svg -...原创 2019-03-27 14:43:44 · 4962 阅读 · 2 评论 -
React Native集成react-native-device-info(获取设备信息)
一、安装官方参考链接:https://github.com/react-native-community/react-native-device-info#下载依赖npm install --save react-native-device-info#链接原生库react-ntive link react-native-device-info二、权限配置编辑/android...原创 2019-03-26 17:06:56 · 12497 阅读 · 0 评论 -
React Native集成react-native-pdf(PDF自动轮播)
插件安装官方链接:https://github.com/wonday/react-native-pdf#安装npm install rn-fetch-blob --savenpm install react-native-pdf --save#链接依赖react-native link rn-fetch-blobreact-native link react-native-p...原创 2019-03-01 14:03:58 · 3113 阅读 · 0 评论 -
React Native集成react-native-fs(本地文件系统)
安装#安装npm install --save react-native-fs#链接依赖react-native link react-native-fs工具类(可直接调用)/** * FileName: RNFSUtils.js * Author: hf * Date: 2019/2/11 14:39 * Description:封装对文件的【下载、文本写入、文本...原创 2019-02-19 19:47:27 · 9584 阅读 · 0 评论 -
React Native集成react-native-splash-screen(App启动图)
1):下载插件参考链接:https://github.com/crazycodeboy/react-native-splash-screen#安装依赖npm i react-native-splash-screen --save#链接依赖库、若链接失败请再次执行npm install命令后重新链接react-native link react-native-splash-screen...原创 2019-02-28 14:40:19 · 2354 阅读 · 0 评论 -
native-echarts实现动态资源图形化实时监控及代码示例
native-echarts实现动态资源实时监控原创 2019-01-30 15:18:08 · 1577 阅读 · 0 评论 -
React Native 集成 react-native-orientation(横竖屏插件)以及代码示例
文章目录React Native 集成 react-native-orientation(横竖屏插件)以及代码示例1、安装2、官方API3、添加、移除监听4、代码示例5、效果展示1):默认2):竖屏切换为横屏3):横屏切换为竖屏6、 解决打包编译异常问题,Execution failed for task ':react-native-orientation:verifyReleaseResour...原创 2019-01-29 16:33:34 · 7294 阅读 · 4 评论 -
React Native项目打包离线安卓apk
文章目录React Native项目打包安卓apk1、生成签名秘钥1):执行生成命令2):填写区域及作者信息3):秘钥生成完成会有一个my-release-key.keystore的密钥库文件2、配置gradle全局变量3、给自己的RN项目配置签名1): 将签名文件my-release-key.keystore放在、react native项目的android\app下。2):编辑android/...原创 2019-01-15 15:04:36 · 1366 阅读 · 0 评论 -
React Native 集成native-echarts(图表插件)及代码示例
React-Native 集成native-echarts(图表插件)原创 2019-01-15 14:39:16 · 6375 阅读 · 1 评论 -
React Native 集成react-native-table-component(table表格插件)及代码示例
React-Native 集成react-native-table-component(table表格插件)1、安装#npm安装npm install --save react-native-table-component2、使用1):TableExample.js入口文件import React, {Component} from 'react';import {Platform...原创 2019-01-15 10:54:27 · 7311 阅读 · 3 评论 -
React Native 集成@ant-design/react-native 3.X
React-Native 集成@ant-design/react-native 3.X1、安装#安装npm install @ant-design/react-native --save#链接所有图标react-native link @ant-design/icons-react-native2、按需加载1):安装babel-plugin-import#安装打包插件npm ...原创 2019-01-08 20:15:42 · 10682 阅读 · 9 评论 -
Windows10 下搭建React Native开发环境(图文超详细)
文章目录1、资源准备2、Jdk安装配置3、Node安装配置4、Python安装配置5、Android SDK配置6、VirtualBox 安装配置7、Genymotion安卓模拟器安装配置8、创建测试项目并运行到模拟器9、GRADLE环境配置10、到此全部配置完成,==有任何问题请留言评论、篇幅过长感谢阅读。==1、资源准备链接:https://pan.baidu.com/s/1-coHQ0...原创 2019-07-18 19:38:19 · 10847 阅读 · 8 评论