React-native 第114页

React-Native Image 加载网络图片时已经设置了宽高还是加载失败

最近学习React-Native遇到的图片加载失败的问题使用的RN环境版本react-native-cli:2.0.1react-native:0.55.0React-Native中使用Image组件显示图片有两种方式

土土哥·2018-04-09 15:28

React-Native Image 加载网络图片时已经设置了宽高还是加载失败

最近学习React-Native遇到的图片加载失败的问题使用的RN环境版本react-native-cli:2.0.1react-native:0.55.0React-Native中使用Image组件显示图片有两种方式

土土哥·2018-04-09 15:28

React-Native 新版本无法Debug问题

仲少·2018-04-08 11:24

React-Native开发：react-native-file-selector选择文件组件的使用（安卓）

为了上传文件，搜索了很多资料终于找到选择本地文件并获取到具体路径的组件，可以在github上查找到该组件以下为该组件使用前的引入工作：1、npminstallreact-native-file-selector--save2、react-nativelinkreact-native-file-selector3、/app/build.gradle：增加4、MainApplication.java：

jiaoyanlin·2018-04-04 17:30

Rreact Native学习资料

一、学习资源1、reactnative中文网https://reactnative.cn/docs2、React-Native学习指南https://github.com/qq715555403/react-native-guide3

sy随缘·2018-04-04 14:46

React-native项目--bug

1.Attemptedtotransitionfromstate`RESPONDER_INACTIVE_PRESS_IN`to`RESPONDER_ACTIVE_LONG_PRESS_IN`,whichisnotsupported.这是开启了DebugJSRemotely模式,关闭它就好了.(如果有文本信息要加入点击事件,请用TouchableOpacity包裹)2.React-NativeCom

innkk·2018-04-03 09:46

React-Native + Mobx一步步构建项目

":"^4.17.5","mobx":"^4.1.0","mobx-react":"^5.0.0","native-base":"^2.3.5","react":"^16.3.0-alpha.1","react-native

guanghua·2018-04-03 00:00

React-Native开发：react-native-image-crop-picker图片上传组件的使用（安卓）

1、根据官网提供的步骤进行相应的设置（1）npmireact-native-image-crop-picker--save（2）react-nativelinkreact-native-image-crop-picker这里命令窗很不幸地始终没什么动静（除了几行字）（3）MakesureyouareusingGradle2.2.x(android/build.gradle)：buildscript

jiaoyanlin·2018-04-01 11:25

React-Native屏幕适配工具类

/***屏幕工具类*ui设计基准,iphone6*width:750*height:1334*//*设备的像素密度，例如：PixelRatio.get()===1mdpiAndroid设备(160dpi)PixelRatio.get()===1.5hdpiAndroid设备(240dpi)PixelRatio.get()===2iPhone4,4S,iPhone5,5c,5s,iPhone6,xh

冷洪林·2018-03-31 12:42

react-native-waterfall-layout组件使用

react-native-waterfall-layout基于react-native官方组件封装的瀑布流组件PreviewiOSAndroidGettingstarted1.安装$npmireact-native-waterfall-layout

白酒__·2018-03-30 11:58

RN开发研究入门篇（一）项目搭建

本质就是：先装node.js，再装react-native-cli即命令行工具，然后再用react-native命令行工具创建工程，最后用命令运行工程。四步。

awy1988·2018-03-29 15:03

react-native 实现全局loading 调用

react-native实现全局loading调用在调用网络接口或者做一些耗时操作的时候，会展示一个loading动画，使用户等待处理完后在进行其他操作，这个loading动画，如果每个页面都写，会写很多重复代码

日不落000·2018-03-28 10:56

vue数据控制视图源码解析

(这三个月用react-native做了个项目,也无心总结了,因为好像太简单了).本文叙事方式为树藤摸瓜,顺着看源码的逻辑走一遍,查看的vue的版本为2.

rehapun·2018-03-28 08:16

简析React-Native中如何适配iPhoneX

一、介绍iPhoneX发布也有一段时间了，独特的“齐刘海”，以及“小嘴巴”带给了苹果粉们无限的遐想，同时也带来众多的吐槽。前几天，招商银行公众号在微信推送了一条消息，11月招商银行App要发布最新版本，完美适配iPhoneX，是国内第一家银行App适配iPhoneX。感兴趣的朋友可以去下载体验一下。作为App开发者，此时你的心情是欣喜若狂，还是一万个XXX奔腾而过。欣喜也许是因为又可以在自己开发A

江苏小白龙·2018-03-27 14:03

vue源码之数据控制视图

(这三个月用react-native做了个项目,也无心总结了,因为好像太简单了).本文叙事方式为树藤摸瓜,顺着看源码的逻辑走一遍,查看的vue的版本为2.

小胖·2018-03-27 00:00

Make sure that you have run `npm install` and that you are inside a react-native project.的错误。

一、问题在执行react-nativeinitFirstApp(自己的项目名称)创建项目后，再执行react-nativerun-android的时候，会报Command'run-android'unrecognized.Makesurethatyouhaverun'npminstall'andthatyouareinsideareact-nativeproject.的错误。二、解决办法首先cd进

覃陛下·2018-03-23 11:00

react-native调用Android原生模块

react-native调用Android原生模块从Javascript发起一个Toast消息创建一个CustomToast.java文件publicclassCustomToastextendsReactContextBaseJavaModule

wlssing·2018-03-22 20:45

react-native初探

react-native初探一、必备软安装两个基本软件：node.js和python2 中文网上使用的是Chocolateychocoinstallpython2chocoinstallnodejs.install

wlssing·2018-03-22 20:40

React-Native报错之 ***is not a function

错误信息如下:goTo是一个自定义的函数.在TouchableOpacity的onPress里调用该自定义函数.如下:_renderItem({item}){return(this.goTo()}>{item.title})}解决办法:在constructor里面加上this._renderItem=this._renderItem.bind(this);或者:onPress={this.goTo

Three_Zhang·2018-03-22 14:52

react-native Unrecognized font family ‘Lonicons’解决方法

ICONS是可以直接使用图片名,就能加载图片的三方,使用很方便,你不需要在工程文件夹里塞各种图片,节省很多空间,下面就来看看怎么使用吧!1.首先打开terminal进入到我们的工程文件夹下,(不会创建工程的请参考:http://blog.csdn.net/margaret_mo/article/details/51304062)输入:npminstallreact-native-vector-ic

sjaljlajslkf·2018-03-22 14:59

(React-Native 学习之九) React-native-device-info 的使用：

实际上react-native有很多类似第三方，并且使用方式和本例大体相同。

zq_Hero·2018-03-21 16:41

npm install错误：npm ERR! code ERR_STREAM_WRITE_AFTER_END

D:\react-native\npminstallnpmERR!codeERR_STREAM_WRITE_AFTER_ENDnpmERR!writeafterendnpmERR!

黄志成_·2018-03-21 10:36

react-native:一场APP中的革命

记得从2010年开始，前端就逐渐绽放光芒。在那之前的我还是一个勤恳的后端工程师，每天的工作就是一边干着后端代码一边还要写一点table之类的前端代码。嗯，也算不上前端，仅仅是一个又一个表格的嵌套而已。那个时候的前端真的是个垃圾啊。也就在那一年，我第一次转做开发web应用，依然记得跟我配合的是一个可爱的前端妹子。从前端妹子身上我学到了基础的前端开发方式，也就是在那一年我认识了锋利的jquery。那是

疯狂紫萧·2018-03-21 00:00

react-native封装插件swiper的使用方法

首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入react-nativeinitswiper创建完成之后开发项目，我用的vs打开控制台，安装swiper依赖。

sunshinezhong·2018-03-20 10:58

android真机执行命令react-native run-android报以下错误

执行命令react-nativerun-android报以下错误unabletoloadscriptfromassets‘index.androidbundle’,makesureyourbundleispackagedcorrectlyoryouu’reruningapackagerserve（在项目目录中创建）mkdirandroid/app/src/main/assets在根目录下执行：re

倔强东·2018-03-14 16:03

React-native常见报错

1.远程调试JS问题：unabletoconnectremotedebbuger先打开网址：http://localhost:8081/debugger-ui/，然后再点击debugjsremotely2.override【描述】NativemoduleVectorIconsModuletriedtooverrideVectorIconsModuleformodulenameRNVectorIco

TinaSlowDown·2018-03-13 14:07

react-native 画一画和保存为图片分享及保存。

rn；本篇为本人亲自写的一个项目活动，现在分享给大家；1.ValentinesDay.js文件/***SampleReactNativeApp*https://github.com/facebook/react-native

liudaweii·2018-03-09 17:53

React-Native中ListView的使用

ListViewimportReact,{Component,PropTypes}from'react';import{StyleSheet,Text,ListView,Image,View}from'react-native

不要和我名字一样·2018-03-08 15:39

修改react-native项目名称

修改react-native项目名称摘要：每次创建react-native项目的时候都会重新执行init，感觉很耗时，想在现有项目基础上复制一份进行修改。

somnus·2018-03-08 00:00

从头开始建立一个React App - 项目基本配置

这里提一下用ReactNative的话，这里就是安装react-native。npminstall--save-devwebpack-安装Webpack,现在最流

萘小蒽·2018-03-07 10:37

React-Native的TextInput组件的设置以及获取输入框的内容

大家下午好，自打过了个年啊，对于学习松懈了不少，得麻利的补补课了，这两天在学习React-Native的内容，发现RN的input框和原生input有些区别，特意写下来供小伙伴们参考啊，哈哈哈~众所周知

_52赫兹_·2018-03-03 15:00

bug集

“Error:spawnSync/Users/UserName/Desktop/Path/node_modules/react-native/local-cli/setup_env.shEACCES”出现以上问题

YJ_Xiao·2018-03-02 17:40

ios原生和react-native各种交互

需求：让一个表格视图中的cell能左滑删除，效果图如下：目前RN中的ListView主要问题是复用，以及其他一些细节如索引视图、左滑删除、编辑等，要想在RN上自定义实现原生的这种效果尚有一定的问题，在必要时可以考虑使用原生的UITableView，数据从RN端传递1、原生端编写表格控制器NativeTableViewController，暴露的属性如下datas为表格数据源，另外一个为需要暴露给R

sumrain_cloud·2018-03-02 09:42

react-native入门学习( 一 )

原文链接：http://www.cnblogs.com/leijee/p/8487046.html开发环境配置因为个人电脑是windows7环境，所以在选择安装react-native环境的时候是用的windows

deng16495·2018-03-01 10:00

React-Native做本地服务器热更新/热部署(IOS)

前言某个公司考虑使用React-Native的理由有很多，热更新/热部署可能是一个很大的原因。如果公司认为热更新/热部署是主要原因的话，那么这应该是一个很错误的决定。

一名怀揣key的梦想家·2018-02-28 16:29

分享自己的react-native flatlist上啦加载和下拉刷新的封装

PureComponent}from'react'import{View,Text,StyleSheet,FlatList,ActivityIndicator,TouchableOpacity}from'react-native

HT_Jonson·2018-02-28 09:31

React Native \ WEEX 开发文档汇总

React-Native开发基础文档环境构建参照官方提供文档的指引集成到现有应用基本语法入门基础组件及apiJsX语法基础React-Native生命周期ES6基础promiseasync/await状态管理

V1admirMakarov·2018-02-27 16:14

详解react-native WebView 返回处理(非回调方法可解决)

1.前言项目中有些页面内容是变更比较频繁的，这些页面我们会考虑用网页来解决。在RN项目中提供一个公用的Web页，如果是网页内容，就跳转到这个界面展示。此时会有一个问题是，网页会有一级页面，二级页面，这就会设计到导航栏返回键的处理（以及在Android上返回键的处理）。这个问题，在RN官网就可找到解决方式。就是用onNavigationStateChange这个回调方法记录当前的导航状态，从而判断是

Chloe_zhang·2018-02-27 09:35

react-native电影简介app，了解一下？（android端）

寒假结束了，在寒假期间玩了一下react-native，模仿豆瓣实现了一个查看当前热门电影和即将上映电影的简单app，项目比较简单，十分适合刚刚入门的同学查看。

holyZhengs·2018-02-24 00:00

react-native WebView 返回处理（非回调方法可解决）

1.前言项目中有些页面内容是变更比较频繁的，这些页面我们会考虑用网页来解决。在RN项目中提供一个公用的Web页，如果是网页内容，就跳转到这个界面展示。此时会有一个问题是，网页会有一级页面，二级页面，这就会设计到导航栏返回键的处理（以及在Android上返回键的处理）。这个问题，在RN官网就可找到解决方式。就是用onNavigationStateChange这个回调方法记录当前的导航状态，从而判断是

Chloe_zhang·2018-02-23 10:00

来聊聊怎么写react-native上的样式吧

由于我重构的是一个react-native项目，所以我们先来说说在react-native上是怎么写样式的吧，和传统的web不一样的是，在re

weixin_33728268·2018-02-23 02:35

React-native学习（一）：构建第一个Android项目

1.安装React-native教程说使用如下命令安装命令1npminstall-greact-native-cli紧接着出现了如下问题：问题1npm未安装Theprogram‘npm’iscurrentlynotinstalled.Youcaninstallitbytyping

camlot_·2018-02-12 18:56

react-native 学习（一）

学习react-native可以从官网上去学习。但是目前我看到的中文网和英文网他们初始构建的项目的命令行是不同的。

爱吃土豆丝杉杉·2018-02-12 16:21

学习使用Weex

概要Weex是由阿里巴巴淘宝技术团队发起的一个跨平台的前端解决方案.如果你已经了解React-Native,那么Weex可以理解为Vue-Native.它是基于Vue的多端解决方案.安装很多人选择Weex

每天多一点·2018-02-12 14:28

安卓React-Native开发笔记（入门篇）

开发资料官方文档中文文档使用工具VisualStudio//开发reactAndroidStudio//安卓开发神器GitnodejsFlow//静态的JS类型检查工具和原生交互应用场景多，主要是js扩展功能调用Native实现。官方文档有介绍，主要注意下@ReactMethod参数类型与js映射关系。Boolean->BoolInteger->NumberDouble->NumberFloat-

jiantaocd·2018-02-10 11:39

从零开始搭建一个react项目开发

这里提一下用ReactNative的话，这里就是安装react-native。npmi

Generon·2018-02-09 10:50

使用CocoaPods集成react-native到iOS原生项目很多坑之旅

参考文档：reactnative文档reactnativelastversion:0.53版本我无力吐槽，0.52表示无能为力，我放弃了。本文是基于0.51版本。(1)新建xcodeproject，名字是ReactNativeDemo。在项目根目录下，新建ReactNative文件夹，用于存放跟reactnative相关文件。image.png(2)打开终端，cd到ReactNative文件夹里面

Grabin·2018-02-08 14:40

React-Native 自定义TabBar和导航栏

自定义过程中需要用到的库react-native-scrollable-tab-viewreact-navigation首先先添加依赖库D6C29AE1-C41D-46B5-8C1D-9FDE1676F626.png看代码重新定义一个文件夹，入口指向RootPastedGraphic1.png接下来我们看Root文件，Root文件默认指向Main页面C457D9F2-6CD1-4F3B-80C5-

小_蜡笔·2018-02-08 11:02

前端知识 | React-Native如何自己撸第三方库之android篇

在使用ReactNative开发过程中，由于开发中用到的语言是JS,而如果需要实现百度定位或者微博分享等第三方SDK时，往往会先去找有没有支持ReactNative的三方库。尽管大部分常用功能已经被民间艺人或官方团队实现，但是一旦遇到未被RN开发的就只能撸起袖子自己干了。ReactNative官方文档也介绍了NativeModules（下称‘原生模块’）的使用方法，它能用于访问原生平台的API。本

SEATELL海说软件·2018-02-08 10:42

redux-saga的使用

一切优秀的框架都是为程序员服务的：reactjs提供更优雅的前端代码书写方式和更优的界面更新机制，react-native提供一种性能更优的混合开发方案，redux提供了组件和业务分离的解决方案，thunk

DumpCicada·2018-02-05 13:19

推荐频道

React-native

React-Native Image 加载网络图片时已经设置了宽高还是加载失败

React-Native Image 加载网络图片时已经设置了宽高还是加载失败

React-Native 新版本无法Debug问题

React-Native开发：react-native-file-selector选择文件组件的使用（安卓）

Rreact Native学习资料

React-native项目--bug

React-Native + Mobx一步步构建项目

React-Native开发：react-native-image-crop-picker图片上传组件的使用（安卓）

React-Native屏幕适配工具类

react-native-waterfall-layout组件使用

RN开发研究入门篇（一）项目搭建

react-native 实现全局loading 调用

vue数据控制视图源码解析

简析React-Native中如何适配iPhoneX

vue源码之数据控制视图

Make sure that you have run `npm install` and that you are inside a react-native project.的错误。

react-native调用Android原生模块

react-native初探

React-Native报错之 ***is not a function

react-native Unrecognized font family ‘Lonicons’解决方法

(React-Native 学习之九) React-native-device-info 的使用：

npm install错误：npm ERR! code ERR_STREAM_WRITE_AFTER_END

react-native:一场APP中的革命

react-native封装插件swiper的使用方法

android真机执行命令react-native run-android报以下错误

React-native常见报错

react-native 画一画和保存为图片分享及保存。

React-Native中ListView的使用

修改react-native项目名称

从头开始建立一个React App - 项目基本配置

React-Native的TextInput组件的设置以及获取输入框的内容

bug集

ios原生和react-native各种交互

react-native入门学习( 一 )

React-Native做本地服务器热更新/热部署(IOS)

分享自己的react-native flatlist上啦加载和下拉刷新的封装

React Native \ WEEX 开发文档汇总

详解react-native WebView 返回处理(非回调方法可解决)

react-native电影简介app，了解一下？（android端）

react-native WebView 返回处理 （非回调方法可解决）

来聊聊怎么写react-native上的样式吧

React-native学习（一）：构建第一个Android项目

react-native 学习（一）

学习使用Weex

安卓React-Native开发笔记（入门篇）

从零开始搭建一个react项目开发

使用CocoaPods集成react-native到iOS原生项目很多坑之旅

React-Native 自定义TabBar和导航栏

前端知识 | React-Native如何自己撸第三方库之android篇

redux-saga的使用

react-native WebView 返回处理（非回调方法可解决）