React-native

[React Native Android 安利系列]ReactNative中的reactjs基础

这一系列课程说了很多关于react-native的知识，都是有关于样式，底层，环境等知识的，现在我们来学习一下reactjs的基础知识。我们的代码，我们创建的组件的相关知识。
侯医生·2016-10-01 00:00

《React-Native系列》37、 ReactNative百度地图开源组件使用

上一篇文章写了ReactNative自带的MapView，很显然不是我们想要的。今天我们介绍一下一个开源的百度地图开源组件，详细描述它的使用方法。开源地址：https://github.com/lovebing/react-native-baidu-map  百度地图ReactNative模块，支持reactnative0.30+好，我们来描述它的使用步骤，以及需要注意的问题，我是在Android
hsbirenjie·2016-09-30 16:00

《React-Native系列》36、 ReactNative地图组件

写在前面的话：明天就国庆了，祝伟大的祖国母亲节日快乐！今天，介绍地图组件。ReactNative官方提供了一个MapView的组件，我们先来说说它吧。先来看下他的API吧。iOS  annotations[{latitude:number,longitude:number,animateDrop:bool,title:string,subtitle:string,hasLeftCallout:bo
hsbirenjie·2016-09-30 15:00

React-Native学习--轮播图第三方组件-react-native-swiper

一.通过npm安装react-native-swiper$npminstallreact-native-swiper--save$npmireact-timer-mixin--save二.在项目中导入importSwiperfrom'react-native-swiper';三.使用render(){return({this.renderImg()}//轮播图的元素可以是任意空间这里添加一组图片+
仲少·2016-09-29 15:16

《React-Native系列》35、 RN在Android下支持gif的另一种方案

在前面的文章中，我们介绍过在RN中Android如果处理Gif格式的图片。参考：http://blog.csdn.net/codetomylaw/article/details/52280828我们是把图片切成n张，然后利用定时器去轮播图片。这种方案存在的问题：1、需要预加载n张图片，哪怕页面最后不使用gif，n张图片也会被加载到内存；2、需要自己处理定时器逻辑；有没有什么更好的方式呢？好，我们今
hsbirenjie·2016-09-28 18:00

使用React-Native Code push 热更新 增量更新 动态修复bug 移动开发（二）

继上一篇使用React-NativeCodepush热更新增量更新动态修复bug移动开发-发现无论是国外codepush、国内的pushy都不能满足现在的项目需求。codepush致命弱点是服务器在外国，服务器极其不稳定。pushy的致命弱点是，更新需要依靠js。要是js包一运行出错，那基本就是死翘翘没救了。你很难保证js包里会不会有定时炸弹导致js包运行闪退，因为是脚本。。最终决定还是得自己做轮
Jason景·2016-09-28 14:17

react-native 简单的导航

默默潜水了两年了，一直都在看大神们写的博客，现在我也分享一下跟RN导航有关的东西。前两年我主要是做iOS开发的，现在刚找了份工作，应公司要求，现在开始学习reactnative的东西，由于我以前没怎么接触过JavaScript，所以我写的垃圾代码，请大神们不要见笑。好了，废话不多说，在app里面navigation用的频率肯定不低，所以现在我分享一下这个坑。首先，RN环境搭建教程太多，我就不说了，
Demon404·2016-09-28 10:37

ReactNative页面跳转实例代码

Component}from'react';import{AppRegistry,StyleSheet,Text,View,TouchableHighlight,Image,Navigator}from'react-native
�@世��者――�A��·2016-09-27 15:47

React-Native 与iOS通信

这里我要简单的说一下，由于react-native不太完善，所以有些涉及到调用原生这块对于初学者来说简直太伤了。
最近比较萌·2016-09-26 22:14

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

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

《React-Native系列》34、 ReactNative的那些坑

梳理了下ReactNative中的一些坑，你踩没踩过，它就在那里。1、fetchfetch没有提供超时时间，设置timeout貌似没有作用。标红的地方不能调用response.json()或.text()方法，哪怕是通过console.log()输出也不行，如果想查看数据，只能alert。2、Image标签使用本地资源图片的时候需要制定宽度和高度，使用网络资源没有限制。3、Text标签iOS下的p
hsbirenjie·2016-09-24 18:00

ubuntu 搭建 reactive native 开发环境

先声明一下，reactivenative开发安卓，请先配置java环境和androidSDK环境变量###无论搭建什么开发环境，官网无疑时最好的参考资料https://facebook.github.io/react-native
lipeiyan·2016-09-24 16:14

react-native Unrecognized font family ‘Lonicons’;

在使用：react-native-vector-icons库时报的错。 解决办法：使用这个库时android和ios工程目录中需要做些配置配制方法如下：http://www.cnblogs.com/moxiaoyan33/p/5482024.html
飘杨......·2016-09-23 17:00

react-native SyntaxError xxxxx/xx.js:Unexpected token (23:24)

在运行react-native项目时提示SyntaxErrorxxxxx/xx.js:Unexpectedtoken(23:24)我这边的问题原因：jsx语法错误，解决办法就是认真排查代码然后修复。
飘杨......·2016-09-23 17:00

不同js组件之间的通信

类似于iOS中的添加监听事件发送端引入DeviceEventEmitterimport{DeviceEventEmitter}from'react-native';发送时需要两个参数，通知的名称和传送的参数
知县有点小心事儿·2016-09-23 16:54

React Native运行原理解析

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

react native 组件间通信 局部刷新

组件化是react-native的最大优点之一，因为组件化我们可以做到局部刷新，提高性能。
WYQ_XQ·2016-09-21 22:58

React-Native接入Unity导出项目，展示3D模型

参考：http://blog.csdn.net/pz789as/article/details/52604075今天突然想到在RN里面展示一些3D模型，这样可以增加软件的表现力。我首先想到的是Unity3D，因为以前做过Unity3D的项目，它使用简单，最主要是用C#语言，对于我这个以前用C/C++的人来，是一个很不错的开发工具。使用的版本：Xcode：7.3.1Unity3D：5.3.5f1RN
苏小败在路上·2016-09-21 08:17

React Native 学习笔记十三（原生模块之Toast）

在学习官网上的Toast的过程中出现很多的坑废话就不说了官网上都有官网讲解实现思路：我们之前已经将react-native嵌入原生了那么我们就在之前的基础上进行修改就好了创建ToastUtils.java
youth_never_go_away·2016-09-20 14:02

react-native和原生通信之Android篇（第一弹）

在用react-native开发应用中，和原生通信是一个非常重要的事情。rn的模块包装不可能面面俱到，直接用别的造好的轮子又有很多的不可控性，所以掌握和原生通信是非常重要的技能。
浮夸丶小强·2016-09-20 10:37

React-native TabBarIOS示例Demo

首先要导入TabBarIOS控件在render方法中渲染底部TabBarIOS设置第一个Item，systemIcon为系统的样式，title为自定义样式，自定义和系统只能用一种设置第二块第三块Item，其中此为页面内容Item选择之间的页面切换第一个Item管理的页面第二个Item管理的页面自定义的title='首页'属性显示出来的Item效果，badge='3'消息为3systemIcon='
Z_ying521·2016-09-20 10:07

《React-Native系列》32、 基于Fetch封装HTTPUtil工具类

关于http请求的工具类，有很多，譬如：httpclient，okhttp。那么关于RN的处理HTTP请求的工具类呢，目前还没有找到，所以自己简单封装了一个，避免代码里到处都是fetch方法。好了，完整代码如下：varHTTPUtil={}; /** *基于fetch封装的GET请求 *@paramurl *@paramparams{} *@paramheaders *@returns{Prom
hsbirenjie·2016-09-19 21:00

Android原生嵌入React Native

1.首先集成的项目目录我使用的是直接按照react-native init Project 的格式来导入的，也就是说，我的Android项目目录是跟node_modules是在一个目录下的。
xiangzhihong8·2016-09-19 20:00

《React-Native系列》31、 Fetch发送POST请求的坑与解决方案

我们在请求http接口时候，通常都会使用get和post的方式，针对表单提交这类的请求，我们通常采用post方式。那么在RN中的FetchAPI中post提交有哪些坑呢？让我们撸起来。我们先来说说Server端的代码，通常我们从Request获取参数时的方法为：StringparaValue=request.getParameter(paraName);我们下面说的判断能不能获取参数，就是按照这种
hsbirenjie·2016-09-19 19:00

React-native ListView分组demo

constructor(props){super(props)vargetSectionData=(dataBlob,sectionIndex)=>{returndataBlob[sectionIndex]}vargetRowData=(dataBlob,sectionIndex,rowIndex)=>{returndataBlob[sectionIndex+':'+rowIndex]}this.
Z_ying521·2016-09-19 15:48

react-native版本升级

时刻将ReactNative更新到最新的版本，可以获得更多API、视图、开发者工具以及其他一些好东西（译注：官方开发任务繁重，人手紧缺，几乎不会对旧版本提供维护支持，所以即便更新可能带来一些兼容上的变更，但建议开发者还是尽一切可能第一时间更新）。由于一个完整的ReactNative项目是由Android项目、iOS项目和JavaScript项目组成的，且都打包在一个npm包中，所以升级可能会有一些
xiangzhihong8·2016-09-17 12:00

React-Native系列Android源码分析

使用了一段时间的react-native，它的UI设计方式真是酷炫，原来我是学android的，由于有android的开发基础，所以我打算从java上学习react-native在原生代码上的设计，并且写下该文章笔记作为以后的知识回顾
Barton0403·2016-09-16 14:17

React Native环境配置 —— window版

现在就从环境搭建来认识认识react-native。一、安卓sdk配置      配置安卓sdk编译和运行的环境，即配置java和sdk以及环境变量，在sdkmanager中，勾选如下选项：注：如果
Pro_Vinny·2016-09-14 19:00

React-Native中Array渲染的key的作用

参考：http://blog.csdn.net/pz789as/article/details/52537028我们在项目里面，经常会用的批次渲染，比如一个列表渲染很多个item，或者一个横排或者竖排同时渲染多个数据。例如：render1(){vararr=[];for(vari=0;i这是{i});}return({arr});}这样写，RN都会报一个警告，需要你对每个item添加一个key，在
苏小败在路上·2016-09-14 12:30

快速入门react-native

本文摘至:pleasecallmeHRreact-native是伴随react一起大火的另外一个新兴的web框架.同样借由了react的写法和单向数据流的特点,逐渐被大家所接受.目前github上已经有3万+的star了.一个字:服!然后,俺抱着学习的心态,准备啃啃react-native.但后来,发现MDZZ,什么Tutorial...写的跟没写似的.后来也是各种google,查资料,然后补上的
villainhr·2016-09-14 00:00

-bash: /usr/local/bin/react-native: No such file or directory

执行react-nativerun-android/run-ios的时候出现-bash:/usr/local/bin/react-native:Nosuchfileordirectory 解释一下出现问题的大背景
飘杨......·2016-09-13 12:00

《React-Native系列》30、 RN组件间通信

今天我们来说一说RN的组件之间的通信。ReactNative的核心之一是他的组件化，组件化的核心是组件之间的通信。组件是有层级来区分的，譬如：父组件子组件。我们先来讲解一个例子。这个是我们要实现的功能，是一个表单的一部分，首先我们想到的是抽象组件。组件有2种状态选中状态，显示后面的课时未选中状态，不显示后面的课时组件的代码如下：importReact,{Component}from'react';
hsbirenjie·2016-09-13 09:00

react-native之热更新

什么是热更新简单说就是不需要去应用市场重新下载，直接打开app就会下载更新的内容然后进入app，类似于经常玩游戏，游戏里需要更新，然后就有个进度条在读取。总结就是可以不通过应用市场来进行升级，极大的提升了app修bug和赋予新功能的能力RN热更新的原理是什么一个完整的RN-app程序通常包含以下几个部分：native代码部分js代码部分-rn代码、依赖的第三方库、业务代码等图片资源部分native
jansen·2016-09-13 00:00

Could not get BatchedBridge, make sure your bundle is packaged correctly

react-native运行android项目的时候运行成功但是模拟器上会提示：CouldnotgetBatchedBridge,makesureyourbundleispackagedcorrectly
飘杨......·2016-09-12 13:00

《React-Native系列》29、 RN组件之WebView

说起WebView，我们还是很熟悉的吧。特别是做过Hybrid开发的同学，Web+Native一个很经典的开发模式，包括现在依然很多App上都在使用。我们列举几个比较重要的属性吧source{uri:string,method:string,headers:object,body:string},{html:string,baseUrl:string},number 在WebView中载入一段静态
hsbirenjie·2016-09-09 20:00

《React-Native系列》28、 RN之AsyncStorage

AsyncStorage是一个简单的、未加密的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。它用来代替LocalStorage。iOS中存储类似于NSUserDefault,存储问plist文件存放在设备中。Android中存储会在RocksDB或者SQLite中，取决于你使用哪个。我们还是来看看官网文档，AsyncStorage提供的方法如下：staticgetIte
hsbirenjie·2016-09-09 19:00

《React-Native系列》27、 Redux的异步数据流

我们再前面讲的redux中的数据流都是同步的，流程如下：view->actionCreator->action->reducer->newState->containercomponent但是，在大多数的前端业务场景中，需要和后端产生异步交互，譬如:网络api的请求。Redux中怎么来实现异步的数据流呢？异步Action通常我们创建的Action如下：exportconstREQUEST_POST
hsbirenjie·2016-09-08 21:00

react-native 使用android DownloadManager实现下载功能

当react-native项目中有版本更新需求时，android会用到下载新版本需求，此时，可以通过封装NativeModules去调用android原生DownloadManager来实现下载，1、书写功能类继承
梦想扫地僧·2016-09-08 10:39

React-Native入门指南

第一篇环境配置&HelloWorld一、环境配置(1)需要一台Mac(OSX),这个是前提，建议还是入手一本啦。(2)在Mac上安装Xcode,建议Xcode6.3以上版本(3)安装node.js:https://nodejs.org/download/(4)建议安装watchman，终端命令：brewinstallwatchman(5)安装flow：brewinstallflowok，按照以上步
街角仰望·2016-09-06 15:01

React-Native自定义view显示（原生端）

参考：http://blog.csdn.net/pz789as/article/details/52448048自定义view：自己写原生的view显示在RN界面上。这次主要是项目需要绘制一张大图，里面有很多节点和线，如果使用单纯RN提供的view去做，需要的内存不够（量级在K以上），所以需要想办法在一个view中画所有的点和线。自己在想的过程中，也去找了一些相关的RN插件，一个是react-na
苏小败在路上·2016-09-06 10:38

《React-Native系列》26、 ReactNative实现图片上传功能

通过搜索react-native的github，会发现里面有这么一篇文章：https://github.com/facebook/react-native/issues/5308解决方案：采用FormData
coder_小刀·2016-09-06 09:43

《React-Native系列》26、 ReactNative实现图片上传功能

通过搜索react-native的github，会发现里面有这么一篇文章：https://github.com/facebook/react-native/issues/5308解决方案：采用FormData
hsbirenjie·2016-09-06 09:00

ReactNative官网例子练习（五）——页面跳转传参

例子代码：/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}
chsmy2018·2016-09-05 16:09

React Native系列文章

ReactNative版本升级的正确姿势WebViewJS与RN进行通讯用API网关把API管起来React-Native给客户端来个「同音词模糊搜索」30天ReactNative从零到IOS/Android
Gary Zhang·2016-09-05 10:00

React-Native 认识style_3

3.1RN页面布局flexbox当听到flexbox,作为一个纯碎的iOS开发者,听到这个内心是懵逼的.只能去找HTML,css找什么叫盒子.盒子大概如下图:10153449_ZoQu.png总体来说就是一个视图的真身不只是有内容,包括:内容,内边距,边框,外边距.3.2RN的盒子基础->样式.首先导入要样式库.这个是必须的.import{StyleSheet/*这个是样式库*/}from'rea
Jniying·2016-09-04 21:44

React Native 学习资源,教程,视频,项目实践

ReactNativeAwesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。
CrazyCodeBoy·2016-09-03 11:50

用react-native开发一个IOS NBA资讯app(二) ----server探究，爬虫获取新闻数据(持续更新)

上一章节我们创建了基本项目的构架。接下来开始，我们就会真正进入项目中去，去一个个一探究竟。那好的，第一个我们要深入的便是整个app项目的后台，也就是第一章我介绍的server文件夹。因为平时项目中使用最多的是nodejs，所以我搭建后台也是用nodejs来进行的。而nodejs最简单的搭建就是使用express。好的，我们来看一看我们的package.json依赖模块。用了几个非常简单但是实用性强
strongwray·2016-09-03 00:00

《React-Native系列》25、 详解Redux的connect方法

上面一篇文章，我们只是从Demo的角度讲解了Redux，对于connect的部分，我们只是一笔带过。那么我们这篇文章同样是基于上一篇文章中的Demo，来从实战的角度来详细讲解下connect方法。connect方法声明如下：connect([mapStateToProps],[mapDispatchToProps],[mergeProps],[options])作用：连接React组件与Redux
hsbirenjie·2016-09-02 12:00

React-Native学习十九：组件之间的通信-1

在编写React程序的时候，大家会遇到很多React组件之间的通信问题，主要分为以下3种：  1.父组件向子组件传值；  2.子组件向父组件传值；  3.没有任何嵌套的组件之间的传值（如兄弟组件之间传值）-后续章节介绍；一、父组件向子组件传值1.在父组件中通过属性传递给子组件，在子组件中通过this.props获取信息；'usestrict'; importReactfrom'react'; im
p106786860·2016-09-02 01:00

《React-Native系列》24、 结合Demo学习Redux框架

8月的最后一天了，那就打响最后一炮吧！我们介绍了Flux框架，我们打算在接下来的项目里使用Redux框架，这两天简单学习了下Redux。打算结合一个Demo来讲解。还是先来说说概念吧。Redux三个基本原则单一数据源整个应用的state被储存在一棵objecttree中，并且这个objecttree只存在于唯一一个store中。这让同构应用开发变得非常容易。来自服务端的state可以在无需编写更多
hsbirenjie·2016-08-31 23:00
上一页 122 123 124 125 126 127 128 129 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他