React Native学习指南
文章平均质量分 92
React Native我们可以维护多种平台的同一份业务逻辑核心代码来创建原生应用。这边fackbook更加强调的是learn once,write everywhere,应用前端我们使用js和React来开发不同平台的UI,下层核心模块编写复用的业务逻辑代码,提供应用开发效率。
江清清
创办嘎嘎软件,创业ing。有项目外包可以联系。QQ:781931404。博客地址:www.lcode.org
展开
-
【React Native开发】React Native控件之WebView组件详解以及实例使用(22)
(一)前言 今天我们一起来看一下WebView组件讲解以及使用实例 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该WebView组件进行创建渲染一个原生的WebView,进行加载一个网页。(二)属原创 2016-02-16 18:32:01 · 25139 阅读 · 4 评论 -
【React Native开发】React Native控件之RefreshControl组件详解(21)
(一)前言 今天我们一起来看一下RefreshControl下拉刷新组件讲解以及使用实例 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该组件和上一篇组将的PullToRefreshAndroidV原创 2016-02-16 09:30:08 · 16471 阅读 · 6 评论 -
React Native控件之PullToRefreshViewAndroid下拉刷新组件讲解(20)
(一)前言 今天我们一起来看一下PullToRefreshViewAndroid下拉刷新组件讲解以及使用实例 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该PullToRefreshViewAnd原创 2016-02-14 22:45:09 · 9054 阅读 · 0 评论 -
React Native超棒的LayoutAnimation(布局动画)
该文翻译自:https://medium.com/@Jpoliachik/react-native-s-layoutanimation-is-awesome-4a4d317afd3e#.6syi2v6yh 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章翻译 2016-02-14 11:22:03 · 16308 阅读 · 0 评论 -
超详细Windows版本编译运行React Native官方实例UIExplorer项目(多图慎入)
(一)前言 特别说明:群里很多童鞋都在说想Windows系统官方实例,但是官方提供的文档以及网上的例子都是OS X版本。今天特意给大家更新一下Windows版本运行官方 实例(UIExporler)全过程。俗话说学习一样新东西的时候,例如这边我们要学React Native的组件使用,那么最好的学习资料就是官方提供的材料了,作作为开发人员最好的学习资料就是源码,幸好官方给我们提供了原创 2016-02-14 08:32:21 · 10959 阅读 · 1 评论 -
【React Native开发】React Native控件之ListView组件讲解以及最齐全实例(19)
(一)前言 【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcode.org 今天我们一起来看一下ListView组件的使用详解以及具体事例 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客原创 2016-02-04 16:55:56 · 29889 阅读 · 6 评论 -
【React Native开发】React Native控件之Touchable*系列组件详解(18)
(一)前言 今天我们一起来看一下Touchable*系列组件的使用详解,该系列组件包括四种分别为:TouchableHighlight,TouchableNativeFeedback,TouchableOpacity,TouchableWithoutFeedback。其中最后一个控件是触摸点击不带反馈效果的,另外三个都是有反馈效果。可以这样理解前面三个都是继承自Touchable原创 2016-02-03 19:41:39 · 13773 阅读 · 0 评论 -
【React Native开发】React Native控件之ViewPagerAndroid讲解以及美团首页顶部效果实例(17)
(一)前言 今天我们一起来看一下ViewPagerAndroid组件完成解析以及仿照实现美团首页顶部效果。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 说到React Native for Andro原创 2016-02-01 16:09:38 · 9959 阅读 · 0 评论 -
【React Native开发】React Native控件之Switch开关与Picker选择器组件讲解以及使用(16)
(一)前言 今天我们一起来看一下Switch选择开关控件以及Picker选择器控件的介绍完全解析以及最佳实践。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!(二)Switch选择开关控件 2.1.该为An原创 2016-01-31 20:00:47 · 12854 阅读 · 2 评论 -
【React Native开发】React Native控件之ToolbarAndroid工具栏控件讲解以及使用(15)
(一)前言 今天我们一起来看一下工具栏控件ToolBarAndroid的介绍完全解析以及最佳实践。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该ToolBarAndroid组件进行封装了Android原创 2016-01-30 22:59:56 · 11409 阅读 · 0 评论 -
【React Native开发】React Native控件之ScrollView组件讲解(14)
(一)前言 【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcode.org 今天我们一起来看一下滚动视图ScrollView组件的介绍和使用讲解。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢原创 2016-01-29 20:55:51 · 8797 阅读 · 0 评论 -
【React Native开发】React Native控件之DrawerLayoutAndroid抽屉导航切换组件讲解(13)
(一)前言 【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcode.org 今天我们一起来看一下抽屉DrawerLayoutAndroid导航切换控件的讲解与基本使用。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加原创 2016-01-28 13:13:52 · 9751 阅读 · 3 评论 -
【React Native开发】React Native控件之ProgressBarAndroid进度条讲解(12)
(一)前言 今天我们一起来看一下进度加载条ProgressBarAndroid控件的讲解与基本使用。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该ProgressBarAndroid的React组件进原创 2016-01-27 20:00:35 · 11479 阅读 · 8 评论 -
【React Native开发】React Native控件之TextInput组件讲解与QQ登录界面实现(11)
(一)前言 今天我们一起来看一下文本输入框TextInput组件的相关使用讲解以及模仿实现一下QQ登录界面的效果。具体环境搭建以及相关配置的请查看之前的相关文章。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!原创 2016-01-26 20:07:59 · 14150 阅读 · 4 评论 -
【React Native开发】React Native控件之Image组件讲解与美团首页顶部效果实例(10)
(一)前言 今天我们一起来看一下Image组件的相关使用讲解以及模仿实现一下美团首页顶部分类的效果。具体环境搭建以及相关配置的请查看之前的相关文章。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! Imag原创 2016-01-21 21:05:16 · 18712 阅读 · 5 评论 -
【React Native开发】React Native控件之Text组件讲解(9)
(一)前言 今天我们一起来看一下Text控件的具体介绍和使用方法,具体环境搭建以及相关配置的请查看之前的相关文章。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!(二)基本介绍 该Text组件为Reac原创 2016-01-20 19:34:25 · 27247 阅读 · 9 评论 -
【React Native开发】React Native库版本升级(Upgrading)与降级讲解(6)
(一)前言 【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcode.org 现在React Native For Android刚刚开源才不久,现在整体功能还不健全完善以及开发中的坑(Bug)还是比较多的 ,以至于到现在还没有正式版本。项目人员正在加紧开发维护,修复Bug,所以现在React Native原创 2016-01-17 21:25:38 · 15449 阅读 · 3 评论 -
【React Native开发】React Native配置运行官方例子-初学者的福音(8)
(一)前言 特别说明:本系列专题文章的系统环境是OS X,如果各位童鞋是Windows的话,出现运行安装等坑爹问题,还得重新排查解决哦~俗话说学习一样新东西的时候,例如这边我们要学React Native的组件使用,那么最好的学习资料就是官方提供的材料了,作作为开发人员最好的学习资料就是源码,幸好官方给我们提供了UIExplorer项目,这里边包含React Native的基本所有原创 2016-01-20 08:53:03 · 16845 阅读 · 1 评论 -
【React Native开发】React Native控件之View视图讲解(7)
(一)前言 现在几讲我们对于React Native一些基础做了相关讲解(例如:环境搭建,开发IDE,调试以及升级降级等),今天开始正式进入UI相关组件学习的阶段了。首先我们来讲一个非常基础的组件View。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,原创 2016-01-19 10:23:47 · 17202 阅读 · 1 评论 -
【React Native开发】React Native进行签名打包成Apk(5)
(一)前言 前几节课程我们对于React Native的一些基础配置,开发工具以及调试,Android项目移植做了相关讲解,今天一起来学习一下另外一个比较重要的知识点,就是React Native项目签名打包。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博原创 2016-01-15 21:40:31 · 24421 阅读 · 8 评论 -
【React Native开发】React Native移植原生Android项目(4)
(一)前言 前三节课程我们已经对于React Native For Android的环境搭建,IDE安装配置以及应用运行,调试相关的知识点做了讲解。今天我们来讲一个非常有用的知识点。移植我们已有的原生Android项目到React Native中。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Nativ原创 2016-01-14 18:58:52 · 9648 阅读 · 23 评论 -
【React Native开发】React Native应用设备运行(Running)以及调试(Debugging)(3)
(一)前言 前面的课程我们已经对React Native的环境搭建以及开发的IDE做了相关的讲解,今天我们的主要讲解的是应用设备运行(Running)以及调试方法(Debugging)。本节的前提条件就是大家已经搭建了React Native的相关环境。如果没有请关注第一讲(点击进入)。 刚创建的React Native技术交流群(282693535)原创 2016-01-13 09:59:58 · 28215 阅读 · 14 评论 -
【React Native开发】React Native开发IDE安装及配置(2)
上一讲我们已经对于在OS X系统上面对于React Native For Android的环境搭建以及第一个实例做了详细讲解。所谓工欲善其事,必先利其器,做React Native开发也和其他应用开发一样,做好有一个比较好的IDE工具。那么这边比较推荐以下几款工具:sublime,webstorm以及官网推荐的Nuclide。下面我们主要讲解以下后面两款工原创 2016-01-07 14:59:31 · 26416 阅读 · 0 评论 -
【React Native开发】React Native For Android环境配置以及第一个实例(1)
(一)前言 FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然Android版本的项目发布比较迟,但是也没有阻挡了广大开发者的热情。可以这样讲在2015年移动平台市场上有两个方向技术研究比较火,第一种为阿里,百度,腾讯,携程,360等一线互联网公司的插件化,热修原创 2016-01-04 16:56:29 · 21156 阅读 · 23 评论