React-native 第110页

react-native 初始化的坑

问题一：在通过官方的一系列流程安装完毕之后react-nativeinitFirstAppcdFirstApp项目目录下只有以下两个文件:这个是什么原因呢？因为近期rn更新，某些东西不适配，然后暂时能找到的方法就是指定较低版本的rn。解决方案:react-nativeinitFirstApp--verbose--version0.53.0运行完之后的项目目录问题二：在新建项目完毕之后：运行：rea

sidney_c·2018-09-07 10:12

React-Native：react-native-image-picker Android用法

1.第一步终端执行：npminstallreact-native-image-picker@latest--save下载下来，2.然后在文件android/settings.gradle中添加两句话：include':react-native-image-picker'project(':react-native-image-picker').projectDir=newFile(settings

醉生梦死玩笑而已·2018-09-06 16:07

React-Native删除第三方开源组件的依赖包

我们安装第三方的开源组件是npminstallreact-native-video--save，然后再输入react-nativelink，就自动向native模块中添加了各处依赖和导包的操作但是如何删除呢？只是删除组件npmuninstallreact-native-video但是你会发现，在RN目录下的package.json文件中，这个组件依赖依旧存在。首先需要删除在RN的package.j

chs007chs·2018-09-06 14:12

React Native之ScrollView & FlatList & SectionList

示例代码：importReact,{Component}from'react'import{StyleSheet,ScrollView,Text,Image,View}from'react-native'exportdefaultclassUselessTextInputMultilineex

谢尔顿·2018-09-06 13:03

React Native常用命令

1.react-nativeinitmyReactNativeProject--version使用--version参数可以在创建工程时指定react-native的版本。

chs007chs·2018-09-06 13:47

开发自己的react-native组件并发布到npm

写在前面在做react-native开发的时候，我们经常会找到一些第三方组件，并且通过npminstall的方式很方便的安装使用。在使用的同时，你是否想过，我们自己应该如何开发并发布一个组件呢？

Quenice·2018-09-06 01:11

RN问题解决记录一——RN版本只能是0.20.1

如题，项目添加RN的时候遇到问题，RN的最新版本：implementation’com.facebook.react:react-native:0.20.1’只能是0.20.1但是最新版本已经五十多了，

少林扫地的·2018-09-03 15:57

React-Native开发十 react-navigation开发中的一些常见的坑

1前言都说RN开发效率高，一次学习随处编写。真的用RN开发了一个APP才知道，RN中坑真是太多，特别是很多坑只有在生产模式下才会出现，在平常的debug模式下，APP运行好好的，但是你一旦打正式包，就会发现各种报错，各种崩溃，如果在Android平台下，各种兼容性，各种奇葩的问题，加上js本身是动态语言，很多错误又无法在编译期间检查出来。因此用RN开发APP，在调试bug阶段消耗的时间和精力一点也

带你装逼带你飞的程序猿·2018-09-02 14:40

React JS和React-Native学习指南

自己在学习React-Native过程中整理的一份学习指南，包含教程、开源app和资源网站等，还在不断更新中。欢迎pullrequests！

heshanfu·2018-09-02 11:05

Weex Gcanves集成和使用

它也是“nativeFramwork“的功能扩展，如weex、react-native，那些没有自己的画布元素的开发体系。目前，GCanvas正在与weex

不存在的骑士·2018-09-01 13:48

react-native 与 java 混合开发 2/3 使用原生UI

react-native原生android的UI的支持react-native的一些交互逻辑需要java处理(比如APP跳转微信小程序)根据单一职责的原则，文章分为三篇，此篇为react-native与

怪爵Geekknight·2018-08-31 21:18

React-Native 增强基础框架

React-Native增强框架（MCRN）特点:1抹平平台差异2更加强大的原生Api能力3自动缓存系统4逐步完善的全局组件库5自动页面追踪6更强大的Debug模式CLI安装npminstallmcrn-cli-g

Bear_8fab·2018-08-29 23:00

React-native文件上传

上一篇说了文件选择的使用，https://blog.csdn.net/qq_20652771/article/details/82184005选了文件就要上传，这篇就记录一下文件上传这是antd的一个UI库，不知道的同学自行去学习，选择图片和拍照有时间在补上，他们的上传方法是同一个，还包含了一点点RN和webview的交互以及组件封装调用https://rn.mobile.ant.design/c

xiao黄叔·2018-08-29 16:33

React-native 文件选择器react-native-file-selector的使用

最后是错误解决办法，本文只说明安装方法，具体使用查看https://github.com/prscX/react-native-file-selector1、npminstallreact-native-file-selector--save2、最好不要自动link--react-nativelinkreact-native-file-selector手动link步骤A、在android\sett

xiao黄叔·2018-08-29 15:36

react-native 模拟器调试

转自：https://blog.csdn.net/quanqinyang/article/details/52215652在做ReactNative开发时，少不了的需要对ReactNative程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享ReactNative程序调试的一些技巧和心得。DeveloperMenuDeveloperMen

Canton_jack·2018-08-28 10:17

react-native mobx 使用

demo地址https://github.com/yinxh2016/React-Native-mobx1.错误代码：error:bundlingfailed:TypeError:PropertyrightofAssignmentExpressionexpectednodetobeofatype["Expression"]butinsteadgotnull原因新版本rn使用[email protected]+,所

Mylovesunshine·2018-08-27 21:44

React-native项目开发心得

React-Native的好丑就不多说了，有人说很好，有人说很多坑，自己去体会，不过向京东，微软，阿里等大公司都是在用RN的，至少目前Flutter不够成熟之前在我看来RN是比较不错的，我就只说这一点相信有理由去学习

混迹码圈·2018-08-27 14:01

react-native 之fetch从网络超时到放弃

react-native之fetch从网络超时到放弃Fetch是它是ReactNative中的网络库，是XMLHttpRequest之上的网络封装。

Mr键·2018-08-27 11:40

react-native 启动页splash 引导页guide逻辑广告位逻辑

勤做笔记，方便自己，帮助他人。个人的逻辑，仅供参考。欢迎大家交流此方法我是在启动页splash里面调用的我这里逻辑是这样的：1.先判断版本号是否与本地的版本号一直，如果一致则继续2，否则跳转到引导页面。（然后在引导页面再根据登录状态判断是跳转到login登录页面还是App首页，记得更新本地的版本号这样下次进来就没有了）。2.获取登录状态，如果有则继续，否则跳转到登录页面。3.获取广告信息，如果有则

既然可以颠覆何必循规蹈矩·2018-08-27 11:28

React Native 下拉放大动画

所以自己修改了importReactfrom'react';import{View,Text,StyleSheet,FlatList,Animated,Platform,findNodeHandle}from'react-native

Bana·2018-08-24 11:27

react-native回调函数的写法

react-native中使用回调函数的频率是比较高的，特别在子组件传值给父组件时显得极其重要而且也是比较好用的一个方式！（父组件传值给子组件时使用props）。

halo1416·2018-08-24 10:14

react-native 报错记录

Warning:Failedchildcontexttype:InvalidchildcontextvirtualizedCell.cellKeyoftypenumbersuppliedtoCellRenderer,expectedstring.#18291keyExtractor={(item,index)=>index.toString()}加个toString()在调用相机或相册的时候，报错

clark124·2018-08-23 14:28

React Native更新到最新版本

目录1查看react-native所有信息2手动更新react-native3设置指定react-native有时需要将ReactNative项目更新到最新版本，可以获得更多的API、视图、开发工具，官方发布新版本后不再对旧版本提供维护

牛八少爷·2018-08-22 21:59

react-native: ios原生调用js方法

ReactEventEmit.h#import#import@interfaceReactEventEmit:RCTEventEmitter-(void)goToCashier:(NSString*)result;@endReactEventEmit.m#import"ReactEventEmit.h"@implementationReactEventEmit@synthesizebridge=_

sunny635533·2018-08-22 12:48

react-native整合系列（三）——集成react-native-router-flux

react-native-router-flux是啥其实就相当于路由，而且是基于官方的react-navigation搭建的首先我们先安装npminstallreact-native-router-flux--save-dev在页面中引入import{Router,Scene}from"react-native-router-flux";我们在页面中创建一个登录页面和注册页面image.png注册

悦者生存·2018-08-22 07:36

React Native(RN)开发遇到错误集合

官方错误解决方案：https://github.com/facebook/react-native/issues1.SDK找不到：react-native:SDKlocationnotfound.Definelocationwithsdk.dirinthelocal.propertiesfile

牛八少爷·2018-08-20 23:04

修改react-native项目到指定react-native版本

以更新项目react-native0.56.0更新为react-native0.55.4版本为例1通过指令进入项目目录，依次输入下列指令：react-nativerun-android//卸载react-nativenpmuninstallreact-native//安装0.55.4版本的[email protected]

牛八少爷·2018-08-20 23:45

【React-Native】windows环境下Android真机调试指南

Afresh_Kedou·2018-08-20 17:18

移动端跨平台方案对比：React Native、weex、Flutter

跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架百花齐放，颇有一股推倒原生开发者的势头。

github.com/starRTC·2018-08-20 16:07

react-native 实现渐变色背景

使用react-native-linear-gradient插件1.安装npmreact-native-linear-gradient2.链接react-nativelinkreact-native-linear-gradient3.代码使用4.效果图5.如果出现以下错误解决办法：1.彻底退出项目重新react-nativerun-ios就可以了。2.如果1没解决，就尝试2

Volon Kou·2018-08-17 16:53

react-native发行apk总结

本文只是个人用来记录项目开发过程中遇到的问题、思路及解决方案，具体出现的问题原因，后面空闲下来再做总结。生成发行的apk在终端先进入根据目录下的android目录，然后执行./gradlewassembleRelease表示执行当前目录下的gradlew脚本文件，执行参数是assembleRelease，Gradle的assembleRelease参数会把所有用到的JavaScript代码都打包到

萝卜-兔子·2018-08-16 18:29

#2 iOS中使用ART可能碰到的问题

Nocomponentfoundforviewwithname“ARTShape”Nocomponentfoundforviewwithname“ARTShape”#11-githubissue步骤：将node_modules/react-native

JamesSawyer·2018-08-16 17:21

React-Native 学习之路 - 安装运行

中文官网：https://reactnative.cn/版本：0.55系统：Windows安装：参考官网编辑器：WebStorm（破解方法：http://idea.lanyus.com/）安装OK之后，使用命令行工具CD到自己的项目目录（如D:/ReactNative，可以和安装目录分开），输入命令：react-nativeinit项目名--version0.55.3（不加版本号--version

NO我的错·2018-08-16 15:42

React native编译IOS版本报错：fatal error: 'boost/config/user.hpp' file not found解决办法

编译时涉及的编译文件：boost、double-conversion、folly、glog文件会存在版本升级情况就没有带版本号了解压后的文件存储位置在：[项目文件夹]/node_modules/react-native

Evan-Huang·2018-08-16 10:29

react-native 设置启动模拟器

iPhone7启动（下次启动会默认使用最后一次选择设备，直接启动react-nativerun-ios即可）：react-nativerun-ios--simulator"iPhone7Plus”查看iOS可选设备：xcrunsimctllistdevices

Jeff_Tsui·2018-08-15 16:25

react-native 导航组件react-navigation详解

继续上篇文章，还是先看下上篇文章react-navigation的官方文档，没看也没有关系，请看下面我的唠叨我们配置路由，话不多说，直接还是贴代码吧。1、StackNavigator:用于app界面窗口之间的切换2、TabNavigator:用于设置一个界面的不同tabs3、DrawerNavigator:抽屉效果，侧边滑出充当router.js,这是自己的demo底部有tab切换的路由impor

Lyan_2ab3·2018-08-15 10:28

最火移动端跨平台方案盘点：React Native、weex、Flutter

1、前言跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。

JackJiang2011·2018-08-13 10:12

react-native android/ios 根据配置文件编译时自动修改版本号

开发react-native时大都有过这个操作，当版本迭代时候要修改app版本号时，一般都这样做Android：的要修改build.gradle文件的versionNameios：打开xcode修改Info.plist

I-T枭·2018-08-13 09:40

WebStorm上运行react-native报错 Error： Metro Bundler can't listen on port 8081（Win7）的解决

Win7环境+WebStorm+react-native项目，点击运行按钮然后未在Genymotion模拟器上运行程序，WebStorm工作台输出下列错误：Error：MetroBundlercan'tlistenonport8081产生原因：计算机休眠后，在进入Windows，RN未启动解决办法：命令行工具重新启动RN后，关闭命令行工具（必须要关，否则8081端口会被占用）操作步骤：1.快捷键W

Aman1984·2018-08-13 00:12

WIN10下搭建react-native开发Android环境

最近公司要求使用react-native进行移动端开发，据说macOS上开发坑会少的多，但我们是windows，莫法，直接抗吧！周末配置环境遇到很多问题，谨以此文做个记录。。。

TaoLandd·2018-08-12 16:00

react-native之 react-navigation

react-navigation准确的说不是一个官方推出的库,但是一经推出,就受到了广大开发者的喜爱,官方也废弃了自己曾经的导航库navigator,转而在官方文档上推荐这个第三方.传送门接下来通过一个例子,主要来说一下createStackNavigator和createBottomTabNavigator的实际用法.1.安装在项目文件夹目录下,输入命令行:npminstallreact-nav

Three_Zhang·2018-08-10 15:21

跨平台开发之react-native、weex、kotlin-native、flutter比较

跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。

MakerCloud·2018-08-10 11:42

React-Native 使用 ScrollView 简单实现 Banner 功能

前言遇到一个需求，需要做到一个2行列表的滑动，并且要求有底部的指示器，实际就是一个banner，由于原本代码是每行4个，分成2行，无法滚动，现在要在原有基础上改造成一行5个可滚动，故而没有大动代码，只是在外层嵌套ScrollView，利用滚动的属性模拟出了banner的效果：实现初始偏移量方案的主要思路在于ScrollView的滚动监听，每次滚动开始之前，通过onScrollBeginDrag方法

Rlusia·2018-08-09 18:52

一步步实现一个自适应的react-native拖拽排序

最近由于业务需求需要实现一个功能需要实现图片的上传和排序和删除，在网上搜索了几款发现都需要固定列数，感觉不太友好，所以自己实现了一个可以不需要设定列数的排序，而且布局高度实现自适应。源码链接效果图对比(固定列数和自适应流布局)[图片上传中...(iphone.jpg-9f7224-1533711885416-0)]iphone.jpg动态图Demonstration.gif实现其实拖拽排序在大多数

大灰狼的小绵羊哥哥·2018-08-08 21:50

async/await的学习及在react-native中的使用

前言：最近新开了个RN的项目，网络请求用的是fetch，和以前的项目完全不一样，以前都是用的redux+redux-promise+redux-saga这一套来处理异步请求的。而在新项目中我们这边使用ES6的async/await来处理异步问题。今天介绍一下我学习async/await的过程：首先，说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数（async本身就是

halo1416·2018-08-08 17:18

react-native 百度地图(Android)

附地址：https://github.com/lovebing/react-native-baidu-map1、申请秘钥地址：http://lbsyun.baidu.com/apiconsole/key创建应用.png应用名称：随意发布版SHA1，找到my-release-key.keystore文件目录keytool-list-v-keystoremy-release-key.keystore附

捡破烂儿的·2018-08-07 17:55

RN笔记之prop-types进行属性确认

一、基本介绍1、属性确认的作用1）、使用React-native创建的组件是可以复用的，所以我们封装的组件可以用在其他项目或给项目组其他人使用。

雪脩·2018-08-06 16:22

react-native使用leanclound消息推送的方法

iOS消息推送的基本流程1.注册：为应用程序申请消息推送服务。此时你的设备会向APNs服务器发送注册请求。2.APNs服务器接受请求，并将deviceToken返给你设备上的应用程序3.客户端应用程序将deviceToken发送给后台服务器程序，后台接收并储存。4.后台服务器向APNs服务器发送推送消息5.APNs服务器将消息发给deviceToken对应设备上的应用程序使用leanclound进

ding_ios·2018-08-06 15:12

react-native 开发问题集锦(Android篇)

-希望此文档持续更新,为了减少大家的坑,节约更多时间.生命是宝贵的.1)./gradlewassembleRelease打包失败,Duplicatedrawable-xxhdpi-v4,drawable-xxhdpi-解决方法:一般写RN项目时,把启动图和启动背景图放进$(rn_project)\android\app\src\main\re\minmap-XXX文件夹下,其它的都放在RN目录中.

亚希路北·2018-08-06 13:03

react-native自动打包部署方案详解

你是否也在幻想写完代码后，无需打开xcode和androidstudio，只要执行一个shell脚本，就能把android和ios都打包出来？而且自动帮你传到蒲公英和AppStore，接着产品自动去下载测试。而你~~~直接去喝咖啡了。Ofcourse，让笔者带你飞！注意：本篇仅讲述如何用自动脚本处理，所以已经假设看官们已经能正常手动打包。若有更多繁枝细节，则需要另开篇幅。准备材料一台macos主机

原罪·2018-08-06 00:00

推荐频道

React-native