React-native 第99页

React-Native下拉框控件

前言因项目需要，自己动手实现了一个下拉框组件，最近得空将控件独立出来开源上传到了github和npm。github：https://github.com/sohobloo/react-native-modal-dropdownnpm:https://www.npmjs.com/package/react-native-modal-dropdowngithub和npm上全英文的readme方便国际友

苏荷蓝·2019-11-08 01:06

React-Native AsyncStorage

ReactNative之本地存储AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。它用来代替LocalStorage。由于它的操作是全局的，官方建议我们最好针对AsyncStorage进行一下抽象的封装再使用，而且不是直接拿AsyncStorage进行使用。AsyncStorage存储的位置根据系统的不同而有所差异。iOS中的存储类似于N

方煜逵·2019-11-08 00:43

问题1：react-native初始化慢

解决方案见：九州羽化天降大任星无痕写代码的按上述操作后，导致的结果如下：在当前目录下创建了node-gyp.sh脚本文件，内容如下：#js版本号NODE_VERSION=`node-v|cut-d'v'-f2`echo${NODE_VERSION}#下载源码包(使用镜像)wgethttp://npm.taobao.org/mirrors/node/v$NODE_VERSION/node-v$NOD

阿啦嘞·2019-11-08 00:34

30-days-of-react-native源码分析

index.ios.jsSwiper插件importSwiperfrom'react-native-swiper';//TodoDay01-Astopwatch设置顶部状态栏import{StatusBar}from'react-native

nimw·2019-11-08 00:41

React-Native 组件封装与父子组件通信样例（初学）（二）

props)重写父类方法，可在里面进行变量定义3.state与props：用于存储数据4.父子通信：父传子通过props传递，子传父通过回调父页面方法实现5.render:渲染页面，类似于html，主要由react-native

Jason_兵哥·2019-11-08 00:48

react-native Modal使用

import{Modal,Text,Image,TouchableHighlight,View,StyleSheet,ScrollView,TouchableOpacity}from'react-native

自然python·2019-11-07 22:08

［前端干货］React-Native入门指南(二)

二、代码结构1、了解index.ios.js大家都清楚，React-Native就是在开发效率和用户体验间做的一种权衡。

京程一灯·2019-11-07 20:48

f8app代码学习(6)-AddToScheduleButton组件

如果想要学习react-native的动画效果，这个组件是值得好好看看。条件：在市场，商店搜索下载安装f8app,还要有一个fb的账号,否则在手机端看不到这个效果。

smartphp·2019-11-07 20:37

React Native各个控件笔记

输入框importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,TextInput}from'react-native

江湖人称_赫大侠·2019-11-07 18:30

Grunt及其插件安装

系统：macos操作：命令行操作前提：Homebrewnpm安装完毕最近学习React-Native，作为一个Android原生开发者，对前端知识只是大学期间学的一些基础，如果要彻底掌握这么一套开发技术

离人歌·2019-11-07 15:44

react-native-ViewPage 轮播图

其实网上有很多react-native的轮播图插件。

焚_44b3·2019-11-07 12:36

iOS原生应用添加react-native

相比大多数开发者接触react-native后都是将RN嵌入到现有原生应用，但是看了官网的流程很多人都不是很清晰，现在我把自己嵌入RN的过程在这里贴出来，同时帮助大家少走些弯路。

Smallwolf_JS·2019-11-07 10:10

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

如果你点开了这篇文章,说明你已经开始注意到redux了,网上关于redux的介绍很多,此处不多介绍了.网上关于redux的原理介绍文章也有很多,我自己在学习redux的时候,翻看了很多优秀的文章,每一篇汲取一些营养并且互相对照,逐渐的在自己的脑海里简历了一个对redux的结构认识.写下此文,一方面是总结分析一下自己学习的所得,也希望可以从我理解的角度,来描述一下redux,给大家学习和理解redu

nextChallenger·2019-11-07 09:25

react_native_router_flux_使用详解一

在使用过程中，跟react-native提供的navigator的区别是你不需要有navigator对象。

Angels_安杰·2019-11-07 06:40

React-Native的基本控件属性方法

React-Native的基本控件属性方法对React-Native的学习，从熟悉基本控件开始。

探路者1202·2019-11-07 04:15

React-native 自定义输入框组件InputItem

首先，根据业务和交互UI设计，本文实现的自定义的输入框组件InputItem需要用到React-native的View、Text、TextInput、TouchableOpacity四个原生组件和自定义的一个

被强煎的饼·2019-11-07 04:19

2018-05-03 react-native 报错

react-nativemakesureyourbundleispackagedcorrectlyoryouarerunningapackageserver过了好久重拾react-nativerun时发现有上述问题百度下无甚发现想了想然后打开模拟器的react-native

图拉汪·2019-11-07 01:12

React-native 开发之: 安卓（android） app 打签名包

Paste_Image.png3.输入邮箱地址,点击下载Paste_Image.png2.导入图片资源1.解压并打开下载的zip文件,目录如下Paste_Image.png2.复制android目录下的所有文件到react-native

小枫学幽默·2019-11-06 23:51

react-native 封装选择弹出框(ios&android)

之前看到react-native-image-picker中自带了一个选择器，可以选择拍照还是图库，但我们的项目中有多处用到这个选择弹出框，所以就自己写了一下，最最重要的是ios和Android通用。先上动态效果图~QQ20170710-144910.gif一、封装要点1.使用动画实现弹框布局及显示隐藏效果2.通过一个boolean值控制组件的显示隐藏3.弹框选项数组通过调用的js传到弹框组件4.

sybil052·2019-11-06 23:41

React-Native 8081端口被占用

写在前面万事皆有因，写这篇文章的缘由呢，是因为。。。刚开始接触RN的时候，一切都是辣么顺利，跟着文档走啊，一般都是不会有什么错的，然后项目轻轻松松就跑起来了，顺便一下，文档在这里-->http://reactnative.cn/可是容易得来的总是没那么容易留得住，有那么几个月没有去接触，最近项目又没那么紧了，又想起来要倒腾一下RN，结果出了岔子了，就是没办法连上8081端口，就像这张图项目异常截图

JinGuoFang·2019-11-06 21:33

学习React-native需要的几个项目

这个是转载别人的blog，一起学习！！！1.前言读项目源码是一种非常好的学习方式,现阶段ReactNative还在高速的发展，版本迭代速度很快，同时入门学习的教程也比较少。因此查看阅读别人写的好的开源项目就非常重要，吸取精华。那本期就来给我大家推荐几个开源项目刚创建的ReactNative交流6群:426762904,欢迎各位大牛,ReactNative技术爱好者加入交流!同时博客右侧欢迎微信扫描

Little_Shaun·2019-11-06 19:56

React Native实战开发7：使用Switch来更新todo complete状态

本教程内容和https://zhiwehu.gitbooks.io/react-native/content/同步更新。

胡冰蓝·2019-11-06 17:15

[React Native]通过Pod移植RN到iOS原生项目及构建Swift的RN工程

步骤创建react-native项目打开终端，切换到存放工程的目录，并输入如下命令(注：ReactNativeProjectName换成你的工程名。)

laznrbfe·2019-11-06 15:22

react-native学习----------Android的Windows搭建

序言开始研究react-native来弄安卓和IOS^_^~~~.欢迎骚扰:[email protected]参考资料地址:https://reactnative.cn/docs/getting-started.html

cuiyaonan2000·2019-11-06 13:03

React-Native配置自定义字体文件

从阿里巴巴矢量图标库中选择适合的图标，并打包下载下载后得到如下文件，iconfont.tff即为所需文件在根工程目录下创建assets/fonts/文件夹，导入iconfont.ttf文件iOS把fonts文件夹拖到iOS工程目录下注意最终得到的是蓝色的文件夹修改Info.plist在info.plist文件中添加key为Fontsprovidedbyapplication的Array中添加ite

江湖人称_赫大侠·2019-11-06 13:50

react-native调用OC原生

一直想学学这一块东西.但是感觉要对底层非常了解.所以一直拖延了下来.现在有时间,就简单的先传值开始首先RN调用OC在Xcode创建一个类.image.png在TestOBJ.h里导入image.png这里也需要注意下根据版本不同,有些同学会报错你也可以改成#import"RCTBridgeModule"引入：#import“RCTBridgeModule.h”且使用接口接下来为了实现RCTBrid

HT_Jonson·2019-11-06 09:41

React-Native中一些组件的用法(一)

个人博客搭建完成，欢迎大家来访问哦黎默丶lymoo的博客本文为大家介绍一下React-Native中一些常用的组件，由于对ES6的语法并没有完全掌握，这里暂时用ES5和ES6混用的语法。

黎默丶lymoo·2019-11-06 08:35

整理一下react-native开发规范

代码组织结构SomeComponent//首字母大写，文件夹index.js//入口，为了引用方便，里面只需要importdefaultfrom‘./SomeCompoent'SomeComponent.js//首字母大写，具体实现，为了查找文件方便，都叫index.js也是灾难SomeComponent.test.js//首字母大写，使用jest框架做单元测试对于展示组件，要求一定要在文件的最开

这个大叔有丶冷·2019-11-06 08:31

React-Native与iOS原生的集成步骤

需求：最近准备在公司项目中使用RN，但罗马不是一天建成的，没办法将项目中所有的代码都换成RN，而且我也不认为全换成RN就是好的，所以准备先将项目中的一些页面改成RN开发。这篇文章就是与iOS原生集成的步骤。我将项目更新到了github上，里面有很多我自己的理解，希望可以帮到各位读者react-native-learn如果遇到什么问题可以在评论区回复，或者加QQ群397885169讨论步骤：前提：电

挂着铃铛的兔·2019-11-06 08:01

RN-FlatList-使用

flatList的简单使用2、flatList属性的使用、介绍单个colum.png多个colum.png/***SampleReactNativeApp*https://github.com/facebook/react-native

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

Weex在内涵发现页中的工程实践

React-Native和Weex是目前最为火热的两个客户端跨平台解决方案。

字节跳动技术团队·2019-11-06 05:00

react-native 全局屏蔽系统大字体

Android：修改MainActivity.java文件importandroid.content.res.Configuration;importandroid.content.res.Resources;publicclassMainActivityextendsReactActivity{...//禁止字体缩放@OverridepublicResourcesgetResources(){R

我是滕先生·2019-11-06 04:03

React Native 项目2（One 【一个】客户端）

前段时间开始学习ReactNative，然后试着开始做一个小项目，在练手的同时，分享出来希望和各位同学互相学习react-native项目。

wutongke·2019-11-06 03:57

React-Native-属性、控件、样式

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*///PropTypes使用属性是必须导入importReact

精神病患者link常·2019-11-06 02:47

2017-3-26（React_Native页面跳转和Android回退键）

xiangzhihong8/article/details/52564484学习RN基本上都是以这位大神写的作为蓝图：www.jianshu.com/p/4df92c335617还有一些RN的知识点参考了React-Native

wyman_1007·2019-11-06 02:55

react-native - 安装工具

HomebrewMac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。YarnFacebook提供的替代npm的工具，可以加速node模块的下载。ReactNative的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。Watchman由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化

GA_·2019-11-06 01:50

关于react-native遇到Can't find variable: TouchableHighlight

TouchableHighlightimport{AppRegistry,StyleSheet,Text,View,PixelRatio,Dimensions,TouchableHighlight,}from'react-native

WMSmile·2019-11-05 22:38

react-native小说一下

1.环境配置中的几个工具简单说下1.node.js说明：node.js是什么作用：1.npm包管理器，就是用来获取依赖包的，2.web服务器，创建JavaScript运行代码2.Homebrew说明：它是MacOS平台下的软件包管理工具，可以在Mac电脑上安装、卸载、更新、查看、搜索等功能，来处理应用软件。作用：可以通过命令安装软件。$brewinstall这个命令是安装软件的，eg：brewin

Change_yourself·2019-11-05 21:12

React-Native 之生命周期

前言学习本系列内容需要具备一定HTML开发基础，没有基础的朋友可以先转至HTML快速入门(一)学习本人接触ReactNative时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自，如果出现图片或页面显示问题，烦请转至查看也希望喜欢的朋友可以点赞，谢谢ReactNative组件执行顺序介绍所有的程序都有生命周期，

珍此良辰·2019-11-05 19:44

Mac 配置React-Native

创建ReactNative工程最近在学习React-Native开发，是由Facebook出的。把学习经验记录一下，加深对React-native的了解。

o_O小薯条·2019-11-05 15:26

react-native Android打包APK

参考文章地址：http://www.open-open.com/lib/view/open1452907915823.html1、android签名文件生成签名文件生成有两种方式，我这里选择的是用androidstudio生成。首先打开AndroidStudio菜单选择build->GenerateSignedAPK在打开的界面点击Next，会弹出下面的界面：图片.png然后点击createnew

走走婷婷1215·2019-11-05 14:54

React-Native 生命周期(ES6)

小萌昨天睡的不太好，这两天一口气写了很多，不过收集满满啊，我又加深了一次reactnative，本来都是走捷径学习的嘛。写完这一篇小萌要睡觉啦生命周期的主要性小萌就不说啦，各种语言都有生命周期，小萌用的是ES6生命周期示意图：生命周期示意图在ReactNative中使用组件来封装界面模块时，整个界面就是一个大的组件，开发过程就是不断优化和拆分界面组件、构造整个组件树的过程。所以学习理解组件的生命周

天方夜歌·2019-11-05 13:07

React native scrollview 滑动和触摸事件冲突(pan,move)

的时候scrollview一起滑动这比较让人头(dan)疼,查了资料当一个view申请触摸事件后其他组件不会响应事件但实际跟现实不太一样又查了资料：https://github.com/facebook/react-native

jinjiantong·2019-11-05 13:26

React-Native频繁修改IP，烦吗

React-Native开发中，从模拟器切换到真机你必须要做的是：打开AppDelegate.m，将jsCodeLocation=[NSURLURLWithString:@"http://localhost

木木少烈·2019-11-05 06:09

React-Native之Android：导入原生模块

前提是用react－nativeinit工程名已经初始化好一个可以正常运行的RN工程（检验标准是在手机上可以正常运行）。下面的步骤是在RN0.17版本的，0.18版本后也是可以的，由于官方进一步封装，具体步骤可能略有不同。一、导入Android原生模块的步骤步骤1.新建java类继承ReactContextBaseJavaModule.publicclassMyToastModuleextends

姑苏风·2019-11-05 06:09

React-Native遇到的问题

1、在项目运行react-nativestart或npmstart卡住，没有运行下去，查看watchmanversion也卡住。则卸载watchman：brewuninstallwatchman,然后完全删除：rm-rf/usr/local/var/run/watchman/再安装watchman：brewinstallwatchman。查看watchmanversion是否有输出。

space0o0·2019-11-05 05:52

RN精进笔记（六）RN打离线包篇

React-Native打离线包RN-App项目中js代码和native代码，其中js代码的打包是动态的，打成jsbundle的过程中，js会将自己所需要的所有的文件（这里指你的js业务代码中的require

采香行处蹙连钱·2019-11-05 04:42

react-native实现一款简单的天气预报iOS，android客户端

前言本项目与菜谱项目是一个对比;有兴趣的可以了解下本项目的使用react-native提供的传统state和props管理搭建项目。

小猿_Luck_Boy·2019-11-05 04:37

自定义 React Native 二维码扫描组件(简单，易用！)

公众号aMarno，关注后回复RN加入交流群专题《React-Native开发阵营》，欢迎关注和投稿ReactNative优秀开源项目大全：http://www.marno.cn1.前言最近用ReactNative

Marno·2019-11-05 04:51

react-native start 运行流程

在CMD下键入C:\Node_JS\MyAwesomeProject>react-nativestart运行流程:C:\Users\Grart\AppData\Roaming\npm\react-native.cmdC:\Users\Grart\AppData\Roaming\npm\node_modules\react-native-cli\index.jscli.run();C:\Node_J

猪猪9527·2019-11-05 03:07

推荐频道

React-native