react-native 警告问题-CSDN论坛

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数组的重复警告

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

React中使用Mobx填坑

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

react-native从基础到高级

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

react-native技术分享

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

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

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

react-native开发常见问题

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

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

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

谈谈React-Native中的手势

https://github.com/jabez128/jabez128.github.io/issues/1React-Native是一款由Facebook开发并开源的框架，主要卖点是使用JavaScript编写原生的移动应用。从2015年3月份开源到现在，已经差不多有半年。目前，React-Native正在以几乎每周一个版本的速度进行快速迭代，开源社区非常活跃。2015年9月15日，React...

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

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

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

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

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

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

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

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

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...

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

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

关于react-native的适配与布局方式

个人比较倾向于利用屏幕宽度和高度以及relative相对距离来布局。/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from 'react'; import { AppRegistry, StyleSheet

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

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

node-v6.9.1

react-native开发工具

Visual Studio Code

react-native开发工具

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

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

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

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

ReactNative事件冲突问题

当前问题是这样，子组件嵌套层级比较深，无法抢走父组件的事件。关于事件冲突问题可以看这篇文章：http://www.race604.com/react-native-touch-event/问题思考：目前可以在Swipe的根View进行事件拦截。这样就可以通过一个状态，在Modal弹出的时候对其拦截，在Modal关闭的时候开放事件。这种子父View状态的管理，使用Redux进行状态的分发。

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

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

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

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

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开发错误警告处理总结

1.自己创建的工程在终端直接使用：react-native init项目名称。 [plain] view plain copy localhost:Desktop niu$ react-native init NiuReact This will walk you through cr

Android中使用react-native框架中的View组件如何使其中的文本换行

想使View中的Text文本实现换行其实很简单，只需要在文本后加一个“{\n}”即可代码实例：&lt;View&gt; &lt;Text&gt;代号{"\n"}&lt;/Text&gt; &lt;Text style={{fontSize:12}}&gt;010{"\n"}&lt;/Text&gt; &lt;Text style={{fontSize:12}

react-native 的版本问题。

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

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

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

React Native 适配问题汇总

1. 小米手机上存在文字截断的问题 描述：居中对齐的Text在水平方向上会缺失最后一个字设置了行高的Text在垂直方向上最后一行会被截断原因：小米使用了自定义的字体，从而造成了该问题 解决方案：针对android设备统一把字体设置成android默认字体 fontFamily: 'DroidSansFallback'

React-Native中一些常见的问题

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

记React Native Text 显示数字加粗后最后一位无法显示问题

经用户反馈，金额显示最后一位在部分安卓机型上显示失败，这个问题截图如下：经验证，设置过fontWeight 属性的Text，在OPPO R9等机型确实有问题，解决方式是给Text加个fontFamily样式： fontFamily: 'System', 设置后，能够正常显示。...

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

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

React-Native初体验五（window下引用第三方库：Toast）

在看这篇文章是居于reactNativeTest项目的，要是没有看过之前的文章请先看React-Native初体验四下面介绍的第三方库是：react-native-root-toast react-native-root-toast项目简介Features: Pure javascript solution. Support both Android and iOS. Lots of custom

react-native 解决ios中部分版本不能输入中文

解决react-native中ios 中不能输入中文的问题，以及按照网上的常规方法也不能输入的问题

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

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

使用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环境搭建各种问题处理

最近打算入门学习react-native的开发，但是在环境搭建时候出现了各种问题。在这里跟大家分享下我踩过的各种坑。环境搭建：根据官网http://facebook.github.io/react-native/ 给出的步骤。环境很容易就搭建起来了 1、安装node brew install node 2、安装watchman brew in...

Windows下搭建React-Native开发环境及异常处理

React-Native中文教程https://reactnative.cn/docs/0.51/getting-started.html#content但是我觉得上面的教程有很多没必要的我现在分享下我搭建的开发环境过程1、安装Java安装1.8以上即可，并设置环境变量win+r 输入cmd 执行java -version2、安装Android SDK下载地址http://www.android...

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

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

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

解决React-Native的WebView不支持Android选择图片和拍照目录 1.为什么Rn的android端webview不支持上传图片？ 2.如何给RN的webview配置上这个方法？ 3.怎么重新封装一个Rn组件？ 1.新建一个ActivityResultInterface 接口回调 2.PickerActivityEventListener onActivityRes...

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

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

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

React-Native开发规范

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

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

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

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

Android Studio 打包混淆出现的问题

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

react-native 开发常见问题

这个问题在开发react native时出现特别多，归纳了一下，主要有以下几个解决方案：1. 可能打开了多个react-native run-ios，全部取消后重试2. 关闭已打开的packager command的terminet窗口再试3. 在手机中卸载掉app，再关掉模拟器，重新打开4. 删除ios/build或者android/build后，重新运行看看上面试完，基本上都能解决了...

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

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

《ReactNative》之使用react-native-picker组件选择日期

最近在开发中需要做个选择日期的功能，发现react-native-picker这个组件不错，选择的内容可自定义，可选择日期、时间、城市等，功能强大，因此写了个Demo记录一下。 github地址为：https://github.com/beefe/react-native-picker step 1：install npm install react-native-picker --sav...

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

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

React-Native中屏幕的适配问题

React-Native中屏幕的适配问题

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 键盘遮挡view的解决办法

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

react native 性能优化基础 - 官方文档

使用React Native的一个重要原因就是达到60FPS的刷新，这看起来跟本地APP是一样的。在可能的情况下，我们尽量完善ReactNative的性能，使你只关注APP的逻辑，而可以不用管性能的优化。但是有的地方，我们还没有关注到。同样，跟本地代码(Object c)一样，我们不能确定哪种方式是最好的，所以还需要你手动干预。

这是一个实现下拉刷新的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 创建工程、init过程太慢的问题

找到node.js的安装目录，进入nodejs\node_modules\npm找到文件npmrc，打开后在该文件末尾加上 registry = https://registry.npm.taobao.org 然后保存退出即可。

React-Native之iOS集成支付宝支付

支付宝没有支持RN，所以只能通过在原生封装支付宝让RN调用。来一波效果图：原文http://www.jianshu.com/p/bde956449299 选择支付宝支付.png 充值提示.png 在没有安装支付宝APP的情况下，跳转网页支付宝页面：支付宝网页页面.png 整体流程： 1.在蚂蚁金服开放平台申请应用

react-native动画的坑

准备做一个循环上下滚动的react-native动画,但是遇到了坑.我在调试的过程中把Animated.Image改成了Image，然后忘了改过来: spinAniamte = ()=> { if (this.animateToValue >= carmaHeight){ this.animateToValue = 0; } els

rn网络请求https限制破解，支持http

react-native的破解https限制文件，将react-native的npm包中对应的文件替换即可。

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

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

React-native 桥接原生控件

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

react-native redux demo

react-native redux的小demo练习

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

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

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

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 解决微信分享、微信支付因签名不一致导致的分享失败

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

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，这个版本目录

React Native授权协议的解决方案

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

ReactNative真机运行时8081端口被占用解决方案

ReactNative环境搭建完毕后使用真机调试时 react-native run-android后，build成功，但是最后提示如下信息 Running F:\android-studio-ide-182.5105271-windows\android-sdk-windows/platform-tools/adb -s e51a670 reverse tcp:8081 tcp:8081 ...

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 Modal的学习与使用

原生有Dialog，Toast之类的弹窗控件，React-Native虽然也有Dialog，但是并不好用，所幸有Modal这个组件，使用起来简单，而且还比较好用。之前一直有知道这个控件，但因为没有需要用到所以没有看过如何使用，今天同事有需要，就看了一下，写了个demo，自己也趁机学习下Modal的使用。一.首先是使用，导入Modal组件。 import { AppR...

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

React-Native tabbar 的简单使用

react-native之RNGestureHandlerModule.State

react-native错误之RNGestureHandlerModule.State错误

react-native UIExplorer android apk

react-native UIExplorer android apk

react-native官方demo

react-native官方demo

yarn1.7.0下载

供react,react-native使用

【转】react-native-微信支付问题总结

http://bbs.csdn.net/topics/391865275 由于服务器返回的sign 不知道对应的timestamp，所以不能用它的，用本地自己的timestamp等参数生成sign，然后拿着这些参数请求支付接口，就可以了。另外，注意要是签名包[html] view plain copy print?private void genPayReq(WeChatPayModel weCh

React-Native解决键盘遮挡问题（Keyboard遮挡问题）

在开发中经常遇到需要输入的地方，RN给我们提过的TextInput虽然好用，可惜并没有处理遮挡问题。很多时候键盘弹出来都会遮挡住编辑框，让人很头疼。本来想在js.coach 库里面找一找第三方的插件，看到最好的一个就是react-native-keyboard-spacer了，然而我们还差一个东西，那就是获取键盘的高度。这个我也查了半天并没有提供，获取没找到吧。于是只好自己写原生模块去

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

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

解决react-native-swiper在安卓上与TabNavigator共用时不显示内容问题

React Native有一个第三方的组件可以实现轮播功能，但是在开发安卓应用的时候，如果同时使用了react-navigation的TabNavigator导航，会出现轮播点和左右按钮能出现，但是图片内容不显示的问题。

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

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

运行react-native中的android项目及问题解决

在命令行终端执行react-native init 项目名命令后，创建RN项目，在RN项目中运行android的工程有两种方式：第一种方式，使用webstorm打开RN项目,在webstorm工具的terminal终端中输入react-native run-android命令，webstorm会把android应用运行到设备或模拟器上打开应用你可能会发现报错：红屏"Coul

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

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

react-native 警告问题 [问题点数：50分]