react-native关闭所有黄色警告

console.ignoredYellowBox = ['Warning: BackAndroid is deprecated. Please use BackHandler instead.','source.uri should not be an empty string','Invalid props.style key']; console.disableYellowBox = tr...

React Native开发错误警告处理总结（持续更新）

注: 本文是我在开发过程中遇到问题解决方法的总结，文中有不妥的地方希望指出共同学习,之后会持续更新，希望帮助到更多的学习者。 Error Set Error1 本地静态图片无法加载展示 Error2 本地静态图片无法加载展示 Error3 react-native构建项目 run-ios 时失败 Does Not Exist Error 4 使用了第三方库失败 Error 5 关于导航

react native 去掉模拟器 底部 黄色警告提示信息

YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated', 'Module RCTImageLoader']);

React Native开发错误警告处理总结（已解决 ！持续更新）

汇聚了RN常见的错误及解决方案，挺不错的

React Native自定义弹出警告框

React Native开发中，为了和ios效果保持一致，有些控件需要自己定义，如在警告弹框中，React Native本来已经提供了Alert控件，但是其效果在Android上是非常的丑陋的，所以为了满足产品同学的需要，只能自定义了。下面是其实现的效果： 实现也非常的简单，使用Modal来进行自定义控件即可，下面是相关的代码。 import React, {Component} fr...

react-native 新建和升级项目遇到的问题

react-native init AwesomeProject 速度慢而且报错 参考http://blog.csdn.net/shakdy/article/details/54583774 java.util.zip.ZipException: error in opening zip file 参考http://blog.csdn.net/u010411264/article/details

React Native开发错误警告处理总结

本文是我在开发过程中遇到问题解决方法的总结,首先万分简书ZPengs作者和qq群中的同行的帮助和反馈,持续更新中….. 遇到问题的可以来这个群里交流: 687663534 欢迎对 ReactNative 开发感兴趣的朋友加入! 687663534 错误1 估计是程序中有格式错误请自行检查比如：你注释出来问题。 {/title=”张三”/}换 //title=”张三” 错误2 ...

React-native 中因为计时器导致的异常解决办法

很多React Native应用发生致命错误（闪退）是与计时器有关。在某个组件被卸载（unmount）之后，计时器却仍然被激活。为了解决这个问题，需要在组件中引入TimerMixin，就可以把你原本的setTimeout(fn, 500)改为this.setTimeout(fn, 500)(只需要在前面加上this.)，然后当你的组件卸载时，所有的计时器事件也会被正确的清除。 这个库并没

react-native数组的重复警告

js的严格模式下，当用数组来存储JSX标签的时候，如果jsx标签相同（dataSource当然不同） ，就会提示prop警告，解决办法就是为每个标签加一个不同的key，这样可以消除警告，同时也可以消除react自带的标签缓存。

解决react-native 的 webview 组件不支持android客户端上传图片文件问题

解决react-native 的 webview 组件不支持android客户端上传图片文件问题

React-Native学习之路（九）TabNavigator隐藏问题的分析及解决

首先说明一下我是用的TabNavigator+StackNavigator来写的页面跳转。 我们先分析一下为什么在每个Tab的Item里面实现跳转，跳转页面还是会有底部的TabNvigator 先看下我出问题的项目结构，首先，我们可以看到我给这个Tab的Item指定的显示页面是MyPage，然后因为我MyPage中涉及一系列的跳转，所以我用了一个StackNavigator来实现MyPag...

react-native 解决微信分享、微信支付 因签名不一致导致的分享失败

当我们在做微信微博sdk分享的时候调试非常麻烦，因为要使用对应的签名版本才能调用sdk成功。 当我们使用AndroidStudio的Gradle之后会很简单的解决这个问题。 1.我们把签名文件放到工程根目录下（这样做是为了保持路径的统一） 2.在Gradle中引入如下代码：     //配置keystore签名     signingConfigs {         release { ...

react-native 适配设备分辨率问题

同一文件夹下,分别新建以下几个文件： 新建global.js文件，代码如下： import { Dimensions, PixelRatio, Platform, Alert } from 'react-native'; import HttpUtils from './HttpUtils' import FontSize from './TextSize' import {px2dp} f...

react-native从基础到高级

react-native从基础到高级 react-native从基础到高级 react-native从基础到高级

react-native技术分享

react-native 技术分享，适合react-native初级开发者，可以看到基础的react-native知识点

使用React-Native的适配问题和警告搜集

适配类： 安卓输入框圆角、边框颜色、粗细等无法设置成功，需要在TextInput外面新增一个View设置圆角，TextInput本身设置背景透明可以解决。lineHeight样式在安卓上不能为小数，否则崩溃。TextInput的editable属性设置之后即便为true，iOS的清空按钮也不能点。workaround：不设置editable，通过不更新state来限制输入。Text的numb

React-native键盘遮挡输入框问题的解决

现在有一个更准确一点的做法是用一个View包裹住TextInput，然后通过该View的onLayout方法获取该输入框的y轴位置，再减去一个适当的高度去处理scrollview的滚动，如下所示： onLayout={this._downloadLayout.bind(this)} style={{marginLeft:15,flexDirection: 'column',alignI

react-native 的版本问题。

有时候react-native 报错的，大部分原因是因为，版本  不匹配的原因。 因为需要依赖，所以各个库之间的依赖的版本不同版本对不上，就会报各种的错误，在此只是提供一个解决问题的思路。2，权限问题，大部分时候，在更新模块的时候不能成功， 是因为对权限，没有。...

react-native 签名打包后应用签名变更，导致微信支付接口调用失败, code -1

使用react-native开发android, 调用微信支付接口，开发模式下使用微信应用签名识别工具拿到的应用签名在微信开放平台申请的支付授权，调用支付接口正常。 在进去签名打包后应用签名发生了变更，微信支付接口调用一直报错错误码-1，折腾了一个小时才怀疑是应用签名的问题，重新识别获取应用签名发现确实发生了变更。 去微信开放平台更改应用签名后，尝试支付还是调用失败，于是去搜了下，总算找到了正...

React-Native开发总结-react层面上的问题

最近更新时间：2017年10月30日11:43:49 《我的博客地图》     在实际开发中，如果采用框架进行项目构建，组件的生命周期是重头戏，也是难点和重点。学习了理论知识点需要深度实践才能领悟其中的意思。 1、react的生命周期 如下图所示： 生命周期方法执行步骤：constructor-componentWillMount-render-componentDidMount ...

React-Native键盘遮挡问题进阶发现

我在前面也写了一篇关于键盘遮挡问题的解决方案，这次的原理也差不多，不过在后续的研究中发现官方给了一个有意思的组件叫 KeyboardAvoidingView。然后就动手去试了一试，然而效果并不好！具体用法可以参考这里：点击打开链接 不过随着RN的更新，这个官网肯定会解决的，但是在官方还没填坑前，还是得自己动手解决啦。 我前面博客的处理方法：点击打开链接 其实原理是要获取到键盘

React-Native webview遇到的坑及android源码解析（一）

前言：因为刚换工作的原因，好久没写博客了，目前一直在做跟rn相关的东西，android已经停滞快半年了，h5也差不多，说多了感觉心累啊，有些东西你不碰的话还真会忘记，真是二者不可兼得额，废话不多说了，最近在看rn的webview，很听很多小伙伴说了，rn的webview很多坑，特别是android！！好吧～那我们就带着小伙伴的需求跟坑一步一步的解析下源码～～ 一、获取webview的加载进度，r

Excel 如何消除“隐私问题警告”的提示(亲自实践)

有时候保存Excel文件时，会弹出以下内容确认框： 隐私问题警告：此文件包含宏、ACTIVEX控件、XML扩展包信息或WEB组件，它们中可能包含个人信息，这些信息无法通过设置“工具”菜单下‘选项’对话框“安全性”选项卡中的‘保存时从文件属性中删除个人信息’来删除   解决办法： 1.Excel2007、2010 Excel开始->Excel选项->信任中心->信任中心设置...->个人信

React中使用Mobx填坑

React中使用Mobx填坑 前言 最近学习React想使用Mobx进行数据管理（感觉比Redux简单），然后就发现使用Mobx使用@报错了 一路查资料。下面记录可行的方法 开始 我开发工具是webstome，下面使用这个工具初始化一个react脚手架项目 npm命令行直接怼下面四个命令 npm run eject npm install babel-preset-stage-2 --save-...

node-v6.9.1

react-native开发工具

Visual Studio Code

react-native开发工具

(十二)React-Native－生命周期详解

一.React-Native生命周期 说到生命周期，大家大概也能想到就是创建、销毁、状态改变。RN的组件就是一个状态机。它接收两个输入参数：props和state，返回一个Virtual DOM。和Native一样，RN也为我们提供相应的钩子函数。RN的状态变化取决于props和state。我们先来看一张经典图。 这张图涵盖了一个组件从创建、运行到销毁的整个过程。大家可以看到，初始

react native（九）修改警告 解决图片加载的坑

图片加载陷入了坑中，不管是本地图片还是网络图片，都没法显示，但是程序并没有一片红，我也十分确定我的图片加载代码正确，以我柯南附体的指挥，我判定与警告有关，哈哈 自从昨天开始就存在两个⚠️，我是那是有强迫症的人，必须解决。 1. Native component for “RCTImageView” does not exist 意思是说 我用的Image在库的组件中找不到 复制粘贴百度，经

React-Native开发总结-原生APP层面上的问题

最近更新时间：2017年10月28日09:42:09     一门技术的出现，必将颠覆人们对开发的全新认识；一门技术的出现，也一定会造成一部分人失业，一部分人获得了很好的工作机会。时代在高速发展，技术也在不断创新，紧跟时代发展潮流，加快学习和实践的速度，是立足于长远发展在当下必须做的事情。     RN技术是用前端的开发思维去开发APP，这门技术的的出现，造成了开发岗位的变动，Andr

react native 密码控件 封装

密码控件 主要包含以下功能： 1、点击右侧的icon显示明文／密文 2、相应的icon变化。封装代码：/** * Created by on 2017/3/31. */ import React, {Component, PropTypes} from 'react'; import { StyleSheet, TextInput, View, Image,

ReactNative 在Xcode 中注意事项。（重点）

今天尝试打包及在真机上离线运行，还是出现『RCTRootView.h file not found』的问题，后来发现需要把 Building Setting 里的Header Search Paths属性的值 "${PODS_ROOT}/Headers/Public/React"  - not-recursive 改为 recursive 就可以了，由于Pods里的React结构改变了，但配置没有

react-native 开发ios的问题--已经成功跑通

从7月14开始弄，已经弄了十天了，还没弄好。 1：已经可以打开模拟器了，但是问题多，无法打包成功，应该是版本的问题 第一个问题：首先是卡住的问题，只能不断重启虚拟机，其他也不知道是哪里的问题； 第二个问题：找不到ya文件的问题，在后面添加一些东西是可以的，以及分号的问题，把分号改成逗号，可以了，也要重启多次 第三个问题，无效问题，完全无法解决，应该是版本的问题。macos10.12 安装x...

React-Native之路上遇到的问题

最近要研究下React Native，考虑使用RN来写一个安卓端。本篇文章记录一下操作中遇到的各种问题： RN基本命令行react-native init 项目名 初始化创建项目 react-native run-ios/android 命令行启动app react-native --version 查看RN版本 npm info react-native 查看RN远程仓库所有版本信息

React-Native加载网络图片的问题

RN还需要管加载图片吗？facebook已经实现啦缓存图片，如果你用多点图片测试下，就会发现并不是如此。listview中facebook封装的不错，内存消耗一只是平稳的，listView显示项也会预先加载但是图片只是缓存在内存中，对！是内存中不是本地磁盘。就是说缓存超过一定数量，之前缓存就会被覆盖，然后需要加载最先缓存的图片就再http请求，可想而知使用移动数据情况下要多消耗多少流量了吧。 只好自

react-native ---遇到的问题汇总

1、新建的项目总是跑不起来。。。今天同事给个项目，下载下来npm install后一堆问题，大概就是路径出问题了xcrun: error: active developer path ("/Users/XJW/Desktop/Xcode.app/Contents/Developer") does not exist, use `xcode-select --switch path/to/Xcode...

记录在使用react-native-echarts中遇到的问题

react-native-echarts是一个在react-native中非常好用的图表组件，感觉比guthub上排名第一的还好用。主要是因为它是基于百度的echarts做的，不知道echarts的自行百度，感觉echarts现在是图表中做的做好的组件了。 具体使用很简单，我就不说了。这里记录一下在使用中遇到的两个问题。Q1当数据量比较大的时候，x轴的数据不显示。这个是echarts自己的一个功能

React Native在Genymotion上运行遇到的问题

最近在学习React Native，采用中文官网的教程搭好了环境。但是教程里用的Android Studio自带的模拟器，这个速度有点慢，所以想要采用Genymotion模拟器，网上找了找资料，按照下面的方法试了试。http://www.jianshu.com/p/38cb29cdb77d 注：查看本机ip：cmd里输入ipconfig输入ip之后还是遇到了下面的问题: 解决办法：检查是否连接wi

React-Native中一些常见的问题

Android Studio编译错误transformClassesWithJarMergingForDebug 原因：缓存或者内部原因。 解决方法：清空缓存或者参考：[(https://github.com/HujiangTechnology/gradle_plugin_android_aspectjx/issues/2) 列表内容 ...

《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView

今天，偶然翻Github发现了KeyboardAvoidingView，原来FaceBook的开发者们也意识到了键盘遮挡的问题。从0.31版本开始，提供了官方的解决方案。源码地址如下：https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingView.js使用

React-Native版本升级的实践方案

前言在React Native的工程项目中，版本升级是避免不了的，尤其是RN这种框架版本的迭代速度非常之快，如果一味使用旧版本，就无法使用新特性，如果升级，很可能会导致版本兼容问题，正所谓“与何雄站不可兼得”，但是为了长远发展，我们依然要选择升级， 那么对于RN我们如何升级会更好的呢？下面说我我的一些观点。在此强调一下，RN 0.40版本和一下的版本变动比较大， 所以升级方式会有所不同。使用reac

支持android&ios高度自适应及JS相互调用的组件react-native-webview2

本项目是WebView 或 Web 组件，支持Android、iOS, 支持RN原生组件不支持的auto height高度自适应及在html页面和RN组件之间call js相互调用js方法，very useful & easily!

Native项目迁入React-Native过程中遇到的坑(0.4x版本)

转载请注明出处王亟亟的大牛之路最近都在忙着搭架子，找框架，谈需求和开会。甚至都没有时间好好装逼，昨天帮安卓的小伙把项目从安卓整体迁移到了RN的项目下面，过程中遇到很多不可描述的坑，这里给大家分享下经验先安利，安卓收纳库:https://github.com/ddwhan0123/Useful-Open-Source-AndroidReact-Native收纳库:https://github.com/

《React-Native系列》44、基于多个TextInput的键盘遮挡处理方案优化

以前写过两篇关于在ReactNative上处理键盘遮挡输入表单TextInput的情况，建议读者可以先看看1、《React-Native系列》33、 键盘遮挡问题处理2、《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView以前给出的解决方案，是使用ScrollView的scrollTo方法，将表单的输入域移动到可见区域（从键盘遮挡处移到键盘上方）。

react-native 开发 遇到的 ios 和 android 的 一些兼容问题

1.textinput      android 默认有下划线  ios 无2.text    android 默认背景透明 ios 无3.overflow:hidden       android 没效果 超出部分不可见  ios 可以4. image的 borderTopLeftRadius      ios 不可以   可以外面 套一层5.scrollview      scroll...

关于React Native 中升级Gradle版本之后打包出现图片重复问题

昨天我升级android studio 3.0之后，Gradle版本也同样升级了，但是升级之后打包出现node_modules_reactnavigation_src_views_assets_backicon.png图片重复问题，这个原因我在Github上面找了好久，才发现是因为Gradle2.3之后，离线打包的路径都会在drawable-xxx-v4中，原版的离线路径在drawable-xxx...

React-Native开发规范

React-Native开发规范

React-Native遇到那些坑

目录 搭建环境 1、在模拟器上都安装不上package 2、安装JDK竟然有问题 3、Unable to load script from assets 'index.android.bundle'. 4、ReactNative:The development server returned response error code: 500 5、Unable to resolve mo...

react-native-pull实现上拉加载下拉刷新

前言 我们在做原生app开发的时候，很多场景都会用到下拉刷新、上拉加载的操作，Android中如PullToRefreshListView，iOS中如MJRefresh等都是比较好用，且实现上比较简单的第三方库。他们的实现原理大体相同，都是在列表的基础上新增头部和尾部，然后新增手势触摸的逻辑判断。那么对于React native，我们也可以用相同的原理来实现。http://blog.csdn

React-Native学习之 防止键盘遮挡TextInput

import React, {Component} from 'react'; import ReactNative, { AppRegistry, StyleSheet, Text, View, Image, TextInput, Dimensions, Platform, TouchableOpacity, Scr

react-native-i18n在Android上不生效(Reload和简繁体)的解决方案

react-native-i18n在Android上不更新和不识别的解决方案 添加 react-native-i18n 的依赖 添加依赖 using yarn: yarn add react-native-i18n using npm: npm install react-native-i18n --save native配置(auto) react-native ...

React-Native延迟加载数据，避免更新数据时造成画面卡顿的方案

不得不说React-Native的Component生命周期还真是坑，文档里说在执行到componentDidMount方法后就可以开开心心的搞事了，没想到在这里加载完网络数据执行state更新的时候居然会影响到Navigator中新页面的启动。具体的问题是这样的： componentDidMount() { this._fetchData(); } 在componentD

《React-Native系列》33、 键盘遮挡问题处理

最近在项目中，使用TextInput组件的时候，发现键盘弹出的时候，遮盖了表单。咨询了下做iOS的同学，他们的处理是计算键盘的高度和当前输入域的位置，将界面向上移动一段距离。那在ReactNative中是否也可以有类似的处理方法呢？答案是肯定的，我们使用ScrollVIew的scrollTo方法，我们也主要是讲这种方法。具体方案如下：组件render方法中使用ScrollView，并且设置scro

使用react-native进行android App开发过程所遇到的问题集锦

react-native开发App过程中会遇到的问题 1、在开发的过程中直接从react-native官网init下来的的项目，react-native run-android会报这个错 遇到这种情况，如果采用npm install babel-perset-react-native，会报新一轮的错，如下图： 看到如图报错你是不是会再npm linstall babel-

React Native 解决0.55之后textInput输入框在特殊情况不兼容中文等问题

<TextInput value={value} onChangeText={onChangeText} /> 当textInput设置了 value的同时又设置了onChangeText属性时，在IOS平台会出现无法输入中文，而安卓下没啥问题。 多种尝试，最终在github上RN问题列表中找到解决办法，修改原生库。 解决无法输入中文问题  ...

【React Native开发】 - 开发过程中遇到的问题汇总

react-native 中Iamge加载本地图片显示不出来、Use a static property to define defaultProps instead、Warning:Each child in an array or iterator should have a unique "key" prop。Geolocation定位失败。

react-native开发常见问题

react-native开发中常见的问题汇总，以下是我最近在项目开发中遇到的常见的问题，做以下记录以便后续项目中使用。1. 监听网状连接状态的变化 componentDidMount () { NetInfo.addEventListener('change', this.handleConnectivityChange); } componentWillUnmount() ...

react-native踩过的坑

包管理添加新的第三方包总会遇到各种问题，不是版本不对就是运行不起来，记录下遇到的问题：Error: Cannot find module ‘xxx’module.js:340 throw err; ^ Error: Cannot find module 'xxx'这个问题若不是没引用包就是需要关联下依赖：npm install -dMainApplication.java:5: 错误: 程序包xxx

React Native 精解与实战

实战

React-native 解决TextInput在OPPO手机中无法调起键盘的问题

bug具体是这样的，一开始进入界面可以正常弹出软键盘，然后退出界面，再次进入，软键盘就无法调起了。   首先百度了一下这个问题，发现百度上并没有什么特别好能完全解决方案。   然后因为我是学的android原生开发的，所以就先测试了一下封装原生EditText组件，然后在RN中使用，发现这样软键盘都是可以正常弹出，但是由于只是个菜鸟，不知道如何回调原生中输入的内容给RN，所以放弃了。如果有...

React-Native Text，TextInput控件常见问题及解决方案

1.在使用React-Navtive<Text>标签时，有时会出现一行内容显示不开的情形，此时需要Text的高度随着文字内容的增加，而增加。 <View style={styles.flexRow}> <Text style={styles.text}>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦 啦啦啦啦啦啦啦啦啦啦啦啦...

解决React-Native的WebView不支持Android选择图片和拍照

解决React-Native的WebView不支持Android选择图片和拍照

让人崩溃的React Native问题

用React Native写App遇到一个诡异的问题，在debug版本安装到真机，啥问题也没有，但是release版本安装到真机，登录界面能出来，然后用React Navigation跳转到主页面就一直白屏。。。白屏。 一开始试着用Reactotron加了好多log，最后发现是主页面里的组件没有渲染，虽然render方法执行了，但是啥也没渲染出来。组件库用的是Native Base，在rende

react-native官方demo

react-native官方demo

react-native UIExplorer android apk

react-native UIExplorer android apk

react-native版本升级

时刻将React Native更新到最新的版本，可以获得更多API、视图、开发者工具以及其他一些好东西（译注：官方开发任务繁重，人手紧缺，几乎不会对旧版本提供维护支持，所以即便更新可能带来一些兼容上的变更，但建议开发者还是尽一切可能第一时间更新）。由于一个完整的React Native项目是由Android项目、iOS项目和JavaScript项目组成的，且都打包在一个npm包中，所以升级可能会有

react-native 第三方组件导入失败

错误信息如下：npm WARN saveError ENOENT: no such file or directory, open '/usr/local/bin/package.json' npm WARN enoent ENOENT: no such file or directory, open '/usr/local/bin/package.json' npm WARN react-nat...

React-native 桥接原生控件

如何将原生控件桥接到React-Native

react-native redux demo

react-native redux的小demo练习

react-native之Image加载url图片问题

react-native之Image加载图片问题Image加载图片有两种方式，一种是本地资源，一种可以是网络图片，本地资源加载，如：这种方式简单，都没有问题。通过url的方式加载图片，如： }} style={{width: 90,

react-native 宽度和高度

指定宽度和高度react-native中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, {Component} from 'react'; import { AppRegistry,...

Android Studio 打包混淆出现的问题

最近在学习打包的问题，我是看了郭大神的博客http://blog.csdn.net/guolin_blog/article/details/50451259之后学习AS的打包混淆的，嗯，自己在打包的时候也遇到了这样一个问题 就是混淆的时候没成功，然后发现了一个，AS里第三方jar包是不需要在proguard-rules.pro里写的 而eclipse是需要的，并且我的universalimag

react-native 键盘遮挡view的解决办法

react native 当文本输入框获得焦点，弹出键盘时，ios弹出的键盘会遮挡住view。Android一般不会遇到这个问题，如果Android也遮挡的话，可以尝试修改 android/app/src/AndroidManifest.xml文件ios解决办法：import KeyboardSpacer from 'react-native-keyboard-spacer'     <Vi...

MacOS搭建ReactNative开发环境遇到的问题以及解决

一、React Native简介 React Native是FaceBook开源的移动端编程语言，宗旨是“learn once,write anywhere”,用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。 二、参考的博文 https://facebook.github.io/react-native/docs/get

React-Native 实现点击Tab标签切换Tab页面

React-Native tabbar 的简单使用

react-native ios端真机调试 打包与发布

最近做了一个项目，用的react-native 开发的iso项目。 由于自己没有oc基础，所以该项目几乎全用js写得。（顺便说一下，react-native 开发，最好还是学一下原生，起码的看得懂，不然搞配置一抓一把黑） 1：关于真机调试        这里的真机调试，指的是在iphone设备上面运行你的react native  项目，那么要让我们的设备在真机上面，运行，需要什么呢； 如

React-Native 常用第三方 开源库（收藏、参考）

1.Toast: https://github.com/magicismight/react-native-root-toast 2.图标的使用: https://github.com/oblador/react-native-vector-icons 3.选择照片: https://github.com/lwansbrough/react-native-camera

React Native授权协议的解决方案

前几天百度弃用React Native后，因为React Native的授权协议引起了很多的议论。今天偶发奇想，觉得FaceBook的这个局很容易破啊。 只要新成立个公司挂应用就可以了啊。一个空壳公司，没有专利，怕啥侵权啊。

隐私问题警告：此文档中包含宏、ActiveX控件、XML扩展包信息或Web组件......

解决方法: 文件-选项-信任中心-信任中心设置-个人信息选项-保存时从文件属性中删除个人信息前的勾去掉

React-Native开发中的坑点实录

React-Native开发中的坑点实录 从移动开发的角度来说，iOS和Android都有自己的一些UI特性，所以react-native宣称的写一套代码就可以通用就是骗人的鬼话，实际开发中，你会发现很多控件在iOS和Android上展示的效果不一样，或者有些属性支持iOS不支持Android。react-native早期是只支持iOS的，后来才支持的Android，所以直到现在react-na...

struts2中警告消息问题的解决方法

struts2中警告消息问题的解决方法 警告: Could not find property [org.apache.catalina.jsp_file]

react native踩坑记（创建指定的React-Native版本）

创建指定的React-Native版本刚刚开始学习React Native，很多都不懂，搭建环境的时候遇到了挺多问题的，一直在折腾。我是按照React Native文档来搭建环境的，安装react-native-cli使用的是下面的命令。npm install -g react-native-cli安装完之后创建了一个项目test，发现react-native的版本是最新的0.50.1，这个版本目录

iOS 实现react-native预加载，优化第一次加载白屏问题

项目中存在多个react-native页面入口，每个入口使用以下方法初始化： - (instancetype)initWithBundleURL:(NSURL *)bundleURL moduleName:(NSString *)moduleName initialProperties:(NSDictionary

react native 路径对，但读取图片错误问题

import React,{Component} from 'react'; import {Image,View} from 'react-native'; export default class Demo03Component extends Component{ constructor(){ super(); this.state={

sql2005_COM+_目录要求_(警告)

解决sql2005_COM+_目录要求_(警告)的问题！

React Native 处理键盘遮挡输入框问题

在移动端上，输入框被软键盘遮挡是一个非常常见的问题，为此，RN原生的提供了一个组件 KeyboardAvoidingView 来处理这个问题，KeyboardAvoidingView的主要属性behavior 包含三个’height’, ‘position’, ‘padding’, 使用最多的就是 padding,具体的可以到官网上查看，但在实际项目中发现，登录页面使用这个组件没有问题，但在其他...

mac上最终运行react native init命令创建失败的解决方法

报错信息为：react native init Error: EACCES: permission denied, mkdir 'xxx/config/yarn/global', 解决方法如下： 在init命令最前面加上sudo即可。

消除performSelector:警告的方法

performSelector：方法将会因为不知道它的选择器而导致内存泄露。ARC编译器会给出一个警告:"performSelector may cause a leak because its selector is unknown"可以利用IMP和函数指针方法配合解决： SEL selector = NSSelectorFromString(@"someMethod"); IMP imp

ReactNative 常见红屏黄屏及终端报错

刚开始接触RN,总是会遇到各种红屏黄屏报错，红屏是fatal error(程序无法正常运行)，黄屏是Warming(非致命错误，程序可以运行但是存在潜在问题可能在某些情况下将导致fatal error)。我会在这里记录下我遇到的比较典型的问题，不定时更新，一方面方便别人参考学习，一方面也给自己做个记录归纳。The development server returned response error...

react-native 常用功能库几个人总结比较好的网站

（1）jpush-react-native 插件的集成与使用 Android 篇  https://www.jianshu.com/p/6721a0360af9https://github.com/qn9301/react-native-web-canvas（1）react native极光推送全程教程android和ios          https://www.jianshu.com/p/e...

React-Native中遇到的一些坑(未完待续)

使用ＲＮ的这几个月的过程中遇到了一些比较麻烦的问题，现在总结如下，一方面是加强自己的理解，另一方面是希望能够帮到后面的同学。 IOS中自定义TabBar的问题。在RN中系统并没有为我们提供能够隐藏系统自带TabBar的方法。所以如果我们遇到有时候需要自定义TabBar的问题比较麻烦。如果当TabBar不需要透明度还好，我们可以直接用一个view去遮盖原生的Tabbar。但是大多数时候TabBar都是

react-native 图片不显示问题

1.先确定你写的图片路径是  url:   还是uri: 2.http//:****** 图片不显示    需要在XCODE中添加信任名单  在info.list 里面设置  如图：   设置  Allow Arbitrary Loads

这是一个实现下拉刷新的react native组件 react-native-pullview

https://github.com/greatbsky/react-native-pull-demo/blob/master/README.md Demo for react-native-pull react-native-pull Project: https://github.com/greatbsky/react-native-pull中文说明：https://g

react-native纯JS上下拉刷新组件

一、组件组成部分 JBRefreshConfig (配置项) JBRefreshView （组件） ImageManager（内置的gif图图片管理器） 二、使用方式 引入 import { JBRefreshView ,JBRefreshConfig} from 'component'JBRefreshConfig可选，用来配置一些属性，默认来说，上下拉刷新组件都是统一制定好的，所以一般不用再去

React-Native开发总结-组件高级使用方案汇总

最近更新时间：2018年03月01日11:40:10    一门技术的实践，需要反复的思考，react-native本身封装了html类型的很多易用性组件并对外暴露，组件很好，但能否很好的驾驭组件，是考量一名工程师的水准。我一直践行从实际中寻找问题。1、AsyncStorage    存数据：AsyncStorage.setItem('name','wanshaobo');    获取数据：Asy...

解决react-native软键盘弹出挡住输入框的问题

解决react-native软键盘弹出挡住输入框的问题写登录页面，整体界面居中之后就出现软键盘弹出挡住输入框，用户体验不好的情况。用了RN官方的KeyboardAvoidingView组件，会有多出来一块灰色区域的bug，于是我就找第三方来解决这个问题，最后用的是react-native-keyboard-aware-scroll-view1. 安装react-native-keyboard-awa

React-native IT喵~ ScrollView 嵌套ListView 如何实现上拉加载、下拉刷新

这里我用的 上拉、下拉组件是GitHub上这个：https://github.com/greatbsky/react-native-pull/wiki里面有个renderHeader方法 可以放ListView 上面的 一些组件 见我的demo：欢迎大家关注一下 基于React-naive开发的“IT喵~”项目。技能GET、互联网资讯、程序员相亲、GitHub监控。。。 Github地址：http

关于react-native的0.56新版本服务报错问题

新版本0.56版本才有这个问题。  先来看问题 node.js 的服务报错：  如果你的错误和我这两张图一样，并且react native版本是0.56，那么恭喜你，这个奖是必中的！ 解决方案 其实就是新版本的问题，只要用稳定的版本重新生成项目就OK了，下面提供一个亲测有效的方法。 react-native init demo --verbose --version 0....

React-Native带你一步一步实现侧滑删除（二）

上一节我们已经简单的实现了侧滑删除， 我们最后还留了一个小小的功能，那就是当手指抬起的时候，我们需要选择打开或者关闭侧滑功能，我们分几种情况考虑： 大的条件分两种： 一、侧滑已经打开 1、抬起手指的时候，如果偏移的距离>=删除按钮距离（打开） 1、抬起手指的时候，如果偏移的距离<删除按钮距离（关闭） 二、侧滑没有打开 1、抬起手指的时候，如果偏移的距离>=删除按...

react-native制作新手引导组件

最近学习了一下react-native zIndex 属属性的用法，在没有用它之前一直觉得这没啥嘛，以为就和css里面的z-index一样的, 用了才知道他们不尽相同，因为我最初想通过它来实现引导效果的。http://www.jianshu.com/p/af5d620add48 现在完成的效果长这样：(请讲究一下丑陋的demo页面...

React-Native 上拉加载下拉刷新

1.前言 react-native 上下拉加载的控件效果都不好，找了半天没找到，正打算自已封装的时候，无意中找到了一个比较好的控件，大家看一下： react-native-refresh-list-view 这个是基于flatlist封装的，效果还不错，大家可以用一下。 2.结尾 加油吧！...