React-Native:版本升级从0.57.5升级到0.62.2遇到的Android错误以及RN插件错误
前两篇文章已经记录部分错误日志信息，从0.57.5升级到0.62.2；由于项目原因，需要进行项目重构，现在的0.57.5版本已经不能满足于项目需求；期间升级也遇到了许多的坑，只能说对于AndroidStudio以及RN的兼容性还不是太友好由于0.62.2升级后已经支持androidx特性，对于项目中...
Webstorm与React-native 的断点调试
一、概述使用React-Native查找bug的时候，最常用的方式就是通过查看日志信息，但是作为一个断点调试的爱好者对这种方式深恶痛绝，因此才会写这篇文章。这篇文章介绍的Webstorm与React-Native断点调试和android-studio与Java的断点调试类似，反正就是个人感觉非常好用...
React-native start 卡在 Loading dependency graph... ，app卡在loading from ip:8081..怎么破？
相信不少人好不容易装好React-native的环境后，一运行就遇到下面这种情况。。。Excuse me？等了几十分钟还在loading???React-native start 运行结果app运行结果这是因为服务器没顺利开启，造成app连接不到服务器，所以服务器和app都一直在加载中直接贴解决方法...
react-native调试攻略 -- Android Studio
笔者使用的是Android Studio的模拟器，以下是我所知的模拟器和真机的调试方式从网页转到app不适应的一点就是网页经常控制台调试，而用了几天react-native感觉哪总说不上来的不舒服，后来对比发现我常用的调试用不了了，这就很难受，后来在网上看了很多的相关文章，在总结自己的使用经验有了以...
使用最新WebStorm开发及调试React Native项目
React Native允许您使用JavaScript和React为iOS和Android开发原生移动应用程序。它是由Facebook创建的，用于Instagram，Airbnb和现在的JetBrains自己的 YouTrack移动应用程序（顺便说一下，它是开源的）等知名应用程序。使用WebStor...
React Native - 调用摄像头拍照（使用react-native-camera库）
http://www.hangge.com/blog/cache/detail_1618.htmlReact Native - 调用摄像头拍照（使用react-native-camera库） 发布：hangge阅读：68711，react-native-camera介绍react-native-ca...
react-ga组件的简单应用笔记
npm install react-ga --save //导入react-ga组件找到要检测的页面组件，在组件中添加语句如下：ReactGA.initialize的参数 是google 网页生成的（analytics.google.com）componentDidMount 内保证刷新页面或者第...
react native 拨打电话以及跳转网址
之前在写纯前端的时候需要调用安卓的方法才能打电话，现在直接使用react native来进行写直接调用，太方便了show(){ // let url = 'http://www.baidu.com'; Linking.openURL('tel:10086') }UR...
React-native-splash-screen 完整使用说明(Mac完整版) /04/14
react-native-splash-screen演示安装说明第一步(下载):在项目根目录打开终端运行 npm i react-native-splash-screen --save第二步 (安装):大家可以通过自动或手动两种方式来安装react-native-splash-screen。自动安装...
pycharm/webstorm创建react项目
1、安装nodejs2、安装reactapp依赖：npm install -g create-react-app在pycharm/webstorm中选择react
react项目—单击按钮返回上一页
// 如果使用hashHistoryimport creatHistory from 'history/createHashHistory' // 如果使用createBrowserHistoryimport creatHistory from 'history/createBrowserHisto...
React-native项目使用逍遥游模拟器运行
React-native项目使用模拟器运行React-native我们可以使用Android Studio自带的模拟器进行运行，但是相对来说Android Studio对电脑的性能要求较高。此外，还可以使用夜神模拟器或逍遥游模拟器等，这里介绍一下逍遥游模拟器的链接过程。（1）下载安装逍遥游模拟器 h...
react-redux登录时将数据存入store,在其他页面获取数据
登录组件的目录结构登录调用函数，调用action,将表单数据传过去调用action，调用接口传入数据 通过dispatch函数，调用reducer将数据传入store然后使用调试工具redux-devtools可以看到当前多了token的节点 接下来是在其他页面获取token只需要将state的数据...
使用React重构百度新闻webapp前端
http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html
[react] react15、react16生命周期对比
一、react15生命周期 react15生命周期初始状态 点击“挂载Child Component”按钮后 从右边的console中可以看出Child组件首次挂载的时候，依次触发了Child组件的constructor, componentWillMount, render, componentD...
React Native - Image组件的使用详解（加载资源、网络、本地图片）
转至：http://www.hangge.com/blog/cache/detail_1542.htmlReact Native - Image组件的使用详解（加载资源、网络、本地图片）2017-02-21发布：hangge阅读：10479一、Image组件介绍同 HTML 的 img 元素一样，R...
阿里云服务器（centos7）的使用（6）一nginx部署react的项目
预览一，前端打包：1,大部分的打包命令都是：yarn build 或者 npm run build然后在当前目录文件会生成build文件夹或dist文件夹 二，上传服务器：将文件上传到服务器中，上传工具可以使用FileZilla。三，配置nginx配置我的nginx安装在/usr/local的目录下...
react-native运行之缓存问题
问题描述：今天在做一个项目详情的时候，需要对react-native的组件源码进行修改。但是该node-modules里面的文件会有一个致命的问题：每次重装依赖（使用yarn install 或者 npm install）之后，node-modules里面的文件就会被重置（修改的源码没有了）！所以今...
React Native 混合编程 之常用API
React Native 提供以下的常用APIAlert：跨平台的提示框AppRegisty:注册React Native 应用的入口AsyncStorage：React Native 提供的键-值存储系统。Dimensions:用于获取设备的屏幕宽高Platform：用于获取设备当前运行的平台名称...
携程技术沙龙：React Native的框架优化和业务实践
随着智能手机和移动互联网最近几年的迅猛发展，在其背后的开发技术也在经历着日新月异的变化。移动开发从最早期的原生 iOS Objective C、Android Java到基于H5 Hybrid，Android插件化/iOS动态脚本，再到现在火热的React Native， 其背后都是业务发展对技术需...