React-native 第97页

React-Native入门指南 - 完整版

React-Native入门指南[Lession1:HelloReact-Native](http://vczero.github.io/react_native/第1篇helloreact-native.html

WildDylan·2019-12-07 15:42

使用antd-mobile开发react-native项目（一）

阿里开源的前端框架Ant-Design-Mobile可以支持react-native和react-web项目开发，是一套比较成熟的UI框架，我们采用这套框架来搭建一个react-native项目。

sleepforests·2019-12-07 00:33

React-Native系列之一

一、Node.js安装。官网地址：https://nodejs.org/zh-cn/download/安装完成以后下通过cmd查看Node.js版本：node-v当安装完Node.js后，NPM也会一同被安装，NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。npm-v二、npm设置为淘宝镜像。如果npm下载的读读太慢可以设置为淘宝的镜像修改#临时使用npm--

大鹏的鹏·2019-12-07 00:39

[React-Native 0.56.0]Android Could not find support-annotations.jar

AndroidStudio2.3.3报错提示Error:Couldnotfindsupport-annotations.jar(com.android.support:support-annotations:26.1.0)解决/android/build.gradlebuildscript{repositories{maven{url'https://maven.google.com/'name'

laznrbfe·2019-12-06 23:57

react-native run-ios报错

初探RN按照RN中文网文档配置完开发环境之后运行react-nativerun-ios报错可能有":CFBundleIdentifier",DoesNotExist，也可能是Command`run-ios`unrecognized.Makesurethatyouhaverun`npminstall`andthatyouareinsideareact-nativeproject这个人感觉是版本问题，

Sunnyyangzx·2019-12-06 22:51

react-native android 签名打包

1.git克隆RN项目2.terminal执行npminstall，我使用的是ideaIDE,可使用alt+f12调出3.设置签名。生产签名文件：build->generatesignedApk->creatnew.选择一个存放keystore的路径，出于安全和方便考虑，最好不要在本项目里面。记住路径、密码、别名、别名密码。在gradle.properties文件中添加：MYAPP_RELEASE

靳艳杰·2019-12-06 22:15

原生项目集成reactNative遇到的坑

/node_modules/react-native"。解决办法:使用node_modules/react-native的绝对路径.2.[!]

孟维学·2019-12-06 20:56

react-native -问题统计

//001为什么用npm安装的时候所有的都会出现下面这样的警告信息啊？？？npmWARNenoentENOENT:nosuchfileordirectory,open'D:\web\Imooc\package.json'npmWARNImoocNodescriptionnpmWARNImoocNorepositoryfield.npmWARNImoocNoREADMEdatanpmWARNImoo

GA_·2019-12-06 20:37

react-native生命周期改造

参考Native的声明周期，你会发现RN缺少生命周期Hook--进入和离开。你会发现除了第一次加载，我们没有办法再获取它进入页面的时机，离开就压根没有...基于HOC和react-native-router-flux库改造RN生命周期。参考文章custom-lifecycle-methods-in-react-nativeReact高阶组件(HOC)模型理论与实践react-native-rout

2林子易2·2019-12-06 18:34

ReactNative: ReactNative初始项目的结构

在上篇中成功地创建并运行了一个React-Native项目，这个demo的基本结构都是系统已经创建好的，开发者在此结构下完成自己的开发即可。

XYQ全哥·2019-12-06 18:00

移动端跨平台开发的深度解析

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

格老子·2019-12-06 14:36

React Native运行原理解析

Facebook于2015年9月15日推出reactnativeforAndroid版本，加上2014年底已经开源的IOS版本，至此RN（react-native）真正成为跨平台的客户端框架。

狂奔的小彩泡·2019-12-06 13:14

react-native 打离线包之iOS篇

主要分为以下几步cd到你的工程目录下；执行命令：react-nativebundle--entry-fileindex.iOS.js--bundle-output./index.ios.jsbundle--platformios--assets-dest./ios--devfalsefacebook官网给出的解释如下：react-nativebundleOptions:--entry-filePa

MrZhaoCn·2019-12-06 11:13

React Native（iOS）进阶一嵌入到现有原生应用

如图所示结构：屏幕快照2017-03-20下午3.34.55.png2.添加package.json文件，写入{"dependencies":{"react":"15.4.1","react-native

神魔狼·2019-12-06 11:46

RN（react native）入坑指南-附录A,常用命令

创建一个叫AwesomeProject的项目react-nativeinitAwesomeProject升级react-native项目到最新版本react-nativeupgrade启动打包服务react-nativestart

PKAQ·2019-12-02 10:37

React-Native 之 Modal介绍与使用

前言遗漏的常用组件，刚发现官方有提供，这边也来介绍一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱[email protected]联系我。本章涉及资源下载：链接:https://pan.baidu.com/s/1o84o6JS密码:htx6属性animationType（动画类型）PropTypes.oneOf(['none','slide','fade'])n

珍此良辰·2019-12-02 09:52

iOS - React-Native : 原生跳转RN/RN跳转原生/RN界面嵌入原生/

React-Native开发经常遇到需要使用跳转原生界面或者要嵌入原生界面在RN界面中等等交互。

不扯螺丝敲代码·2019-12-02 08:58

lerna管理开源前端项目

前言由于公司项目大多采用react-native实现，在APP内部运行，但也要有H5的使用场景，以前很多项目都开发多套代码，造成人力成本大幅浪费，基于此，我主导开发了一套RN转H5的一套开发框架以及一整套的代码规范

pansly·2019-12-02 06:00

React-Native极光推送双端配置

开发步骤安装WebStorm，激活使用安装node到默认位置配置npm的镜像资源（国内访问npm安装yarn、react-native-cli在WebStorm新建项目，选择React-Native，并选择保存地址

doBell蛋蛋·2019-12-02 06:28

在linux上搭建react-native android开发环境防坑指南

笔者接触reactnative一个星期，可以说是趟坑无数，愤懑不已，所以炼制这篇文章希望后来者能够少走弯路。我一开始是在windows上面成功搭建这个开发环境，因为笔者不喜欢windows蹩脚到命令行，所以还是装了ubuntu系统，继续追求我高效率的开发体验。首先看官可以移步这个官方文档。按照这个文档一步步执行就行了，笔者后面主要献上这个文档到疏漏和防坑36计。Java和android环境变量一定

Phoobobo·2019-12-02 06:57

run-android : Configuration with name 'default' not found.

react-native项目run-android时报错：Couldnotresolvealldependenciesforconfiguration':app:_debugApk'.Configurationwithname'default'notfound

码代码的小公举·2019-12-02 02:30

[JamProject][SVG TabNavigator]待...

SVGtoBase64importReact,{AppRegistry,Component,StyleSheet,Text,View,Image,TabBarIOS,//TabBarItemIOS,NavigatorIOS,}from'react-native

laznrbfe·2019-12-02 01:58

RN开发遇到的问题总结（iOS和android端）

react-nativerun-ios报错如下：CouldnotfindiPhone6simulator解决方案：找到node_modules/react-native/local-cli/runIOS

与世倾听X游定终生·2019-12-02 00:20

React Native初识（二）

ReactNative官方文档网址：http://facebook.github.io/react-native/docs/getting-started.html;中文网址：http://reactna

Harry66·2019-12-01 20:06

react-native开发实例之城市选择组件update

效果图ios.gif介绍上次的文章react-native开发实例之城市选择组件介绍了simplecityselect版本，没有实现类似下图的功能。

sleepforests·2019-12-01 19:30

windows下react-native环境搭建(过程各种坑)

安装列表(建议按照顺序进行)1.基本环境jdk8:记得配置环境变量nodejs:7.x版本据中文网说在windows中有坑，建议使用6.xpython2.x:必须是2.x2.AndroidSDK这里推荐去react-native

LOVE小狼·2019-12-01 19:43

[React-Native]解决 'boost/iterator/iterator_adaptor.hpp' file not found’

"react-native":"0.46.1"这个问题产生原因：/Users/Vanessa/.rncache中boost_1_63_0.tar.gz，double-conversion-1.1.5.tar.gz

德山_·2019-12-01 18:25

React-native之ListView（15）

一.简介一个核心组件，用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源，然后给它传递一个普通的数据数组，再使用数据源来实例化一个ListView组件，并且定义它的renderRow回调函数，这个函数会接受数组中的每个数据作为参数，返回一个可渲染的组件（作为listview的每一行）。由于平台差异性，ReactNative中的滚

飞奔的小马·2019-12-01 15:48

react-native实现文字的跑马灯设计

react-native中显示文本用到的组件为Text，但Text并没有相关的属性用于设置文字的跑马灯显示，只有numberOfLines这个属性用于设置显示的行数，超出的部分显示省略号。

藤风·2019-12-01 15:24

/node_modules/react-native/third-party/glog-0.3.4':

RN升级可能产生这个bug,解决方法"在根目录:1.cdnode_modules/react-native/scripts&&.

江湖人称_赫大侠·2019-12-01 14:04

VS Code React-native 插件

插件ReactNativeTools：微软官方出的ReactNative插件,非常好用Reactjscodesnippets：react的代码提示，如componentWillMount方法可以通过cwm直接获得AutoCloseTag：自动闭合标签AutoRenameTag：自动重命名标签，配合上面的插件使用，基本上能赶上IntelliJIDEA系的功能了PathIntellisense：文件路

AlwaysLight·2019-12-01 14:45

use react-native with typescript

initialprojectwithreactnativenpminstall-greact-native-clireact-nativeinit[projectname]runappiniossimulatorcd[projectname]react-nativerun-iosconfigurewithtypescriptnpminstall-gtypescripttsc--init--pret

JellyL·2019-12-01 14:21

react-native中使用redux的原理分析及demo

本文主要是以我的另一篇文章的思维过程来操作,希望大家使用后可以记住整个过程,从而活学活用,使用到自己的项目中.参考文章:react-native中使用redux的原理分析及demodemo地址:github.com

现实梦想_96b0·2019-12-01 13:58

redux中connect的使用(3)-最简单的一个傻瓜app

在（1）中我讲了一个电灯的例子，用开关来控制等的状态的变化，现在把它用react-native/redux来实现了，比counter还要简单，只有一个状态的改变，都已经写好了，还可以作为一个框架来使用。

smartphp·2019-12-01 11:27

》》》 react-native入门-1

开发环境搭建https://reactnative.cn/docs/0.51/getting-started.html#content创建项目react-nativeinitprojectName--projectName为项目名称*首次创建需要耐心等待一段时间cdprojectName--进入项目根目录react-nativerun-android/run-ios--在设备/设备模拟器上运行ad

風隨風去·2019-12-01 10:06

在web、iOS，Android端共同使用React初探（二）

它是通过在webpack中配置别名，将react-native包重定向到react-native-web包中，在react-native-web包中，用Web端ReactJS重写了RN中几乎所有组件和API

羽纱·2019-12-01 10:11

React-Native 之项目实战（一）

前言本文有配套视频，可以酌情观看。文中内容因各人理解不同，可能会有所偏差，欢迎朋友们联系我。文中所有内容仅供学习交流之用，不可用于商业用途，如因此引起的相关法律法规责任，与我无关。如文中内容对您造成不便，烦请联系[email protected]处理，谢谢。转载麻烦注明出处，谢谢。资料：链接:https://pan.baidu.com/s/1b3abwy密码:k8p5源码托管到github上，需要源

珍此良辰·2019-12-01 08:20

React Native iOS端使用自定义字体时Unrecognized font family

自定义字体的使用参考【尹_路人】的React-Native配置自定义字体文件

hx永恒之恋·2019-12-01 07:11

react-native 组建

重命名模块重命名模块使用的时候就可以使用@代替js文件夹了；importImagefrom'@/common/components/CustomImage';android添加nativemodule需要在mainapplicationgetPackages添加Q:couldn'tfind"libjpush218.so"A:打包的时候并没有在libs中复制SO库到项目中。因此我们需要在build.

肖雨·2019-12-01 06:55

[译]Thinking in React

编者按使用React的思想来构建应用对我在实际项目中以及帮助他人解决实际问题时起到了很大作用，所以我翻译此文来向那些正在或即将陷入React或React-Native深坑的同胞们表示慰问。

苏荷蓝·2019-12-01 05:15

React/React Native 的ES5 ES6写法对照表

：//ES5varReact=require("react");var{Component,PropTypes}=React;//引用React抽象组件varReactNative=require("react-native

CoderMrGuo·2019-12-01 04:39

React-Native动态标题栏（仿微信）

项目需要写了一个动态的标题栏。原来是没有一点想法的。后来想到了。方法不难。就是在ScrollView向上滑动时，会掉用onScroll方法。在onScrollView方法中根据滑动的偏移量，而后修改state。从而实现动态效果。先看看效果。test.gif核心代码onScroll(evt){lety=evt.nativeEvent.contentOffset.y;//隐藏返回按键和照相机if(y>

易之108·2019-11-30 22:43

[React-Native]开发规范文档

React-Native开发规范标签（空格分隔）：React-NativeJavaScript一、编程规约(一)命名规约【强制】代码中命名均不能以下划线或美元符号开始，也不能以下划线或美元符号结束；`_

德山_·2019-11-30 18:10

react-native08 使用eslint规范代码

下面是一份简单的react-native的eslint的格式化代码如果需要保存的时候格式化代码首先要下载插件：yarnaddeslint-plugin-prettier下面是.eslintrc.js的简单配置

蜗牛的学习方法·2019-11-30 17:54

react-native命令

1.react-native--version//查看当前reactNative版本2.sudonpmupdate-greact-native-cli//更新全局的reactNative到最新版本3.npminforeact-native//查看服务器端的reactNative的各版本信息4.npminstall//给下载的普通工程下载安装RN环境,根据配置的package.json5.react

changx11442989·2019-11-30 17:50

写给五年前的自己 —— 你真的很不错！

但已经历了4次迭代：swift写的纯iOS版，NativeScript做的跨平台版，React-native做的跨平台版，Flutter做的跨平台版。嗯，也是自己作为App

wershest·2019-11-30 17:54

RN精进笔记（十二）热更新篇

该热更新平台涉及iOSnative端，安卓native端和react-native端以及服务端增量更新。

采香行处蹙连钱·2019-11-30 14:18

RN-react-native-image-zoom-viewer 长按图片保存到相册崩溃问题

iOS出现的问题.png肯定是你没有链接RCTCameraRoll这个库到项目里面1.进入到工程项目中的node_module/react-native/Libraries/CameraRoll2.把RCTCameraRoll.xcodeproj

精神病患者link常·2019-11-30 13:52

react-native flatlist 上拉加载onEndReached方法频繁触发的问题

问题在写flatlist复用组件时，调用的时候如果父组件是不定高的组件，会造成组件无法显示如果父组件样式{flex：1}，则会出现下拉方法频繁触发或不正常触发的问题（我这里出现的问题是在列表第6个项目在底部时，缓慢上拉会多次触发flatlist的onEndReached监听）原因推测是因为{flex：1}不适合做动态高度组件的父组件样式，会错误的判断高度导致onEndReached多次不正常触发。

现实梦想_96b0·2019-11-30 12:11

[React-Native]the Haste package `react-native-vector-icons` was found.

react-nativerun-android时，报如下错误：error:bundlingfailed:Error:Whileresolvingmodule`react-native-vector-icons/MaterialIcons`,theHastepackage`react-native-vector-icons`wasfound.Howeverthemodule`MaterialIcon

德山_·2019-11-30 09:24

推荐频道

React-native