React Native
文章平均质量分 90
1024工场
新技术,新未来,1024工场...
展开
-
React Native 五:手势
一、Touchable手势1.React Native提供了4个组件来做这个事情,具体如下: TouchableHighlight:高亮触摸,用户点击时,会产生高亮效果; TouchableNativeFeedback: TouchableOpacity:透明触摸,用户点击时,点击的组件不会出现任何视觉变化; TouchableWithoutFeedback:无反馈触摸,用户点击时,点击的组件不会有任何视觉变化;2.这4个组件,我们可以应用某个部分绑定上Touch原创 2016-04-11 23:08:55 · 15537 阅读 · 1 评论 -
React-Native学习十九:组件之间的通信-1
在编写React程序的时候,大家会遇到很多React组件之间的通信问题,主要分为以下3种: 1.父组件向子组件传值; 2.子组件向父组件传值; 3.没有任何嵌套的组件之间的传值(如兄弟组件之间传值)-后续章节介绍;原创 2016-09-02 01:21:58 · 9742 阅读 · 3 评论 -
React Native十四:原生模块
有时候App需要访问API,但React Native可能还没有相应的模块包装;或者你需要复用一些Java代码,而不是用JavaScript重新实现一遍;又或者你需要实现某些够性能的、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等;我们React Native设计为可以在其基础上编写真正代码的原生代码,并且可以访问平台的所有能力。这是一个相对高级的特性,我们并不认为它应当在日常开发过程中经常出现,但是具备这样的能力是很重要的。如果React Native还不支持某个你需要的原生特性,你应该可以原创 2016-06-12 23:39:56 · 3451 阅读 · 0 评论 -
React Native 十三:植入原生应用
由于React并没有假设你其余部分的技术栈—它通常只作为MVC模型中的V存在—它也很容易嵌入到一个并非由React Native开发的应用中。一、需求1.一个已有的、基于gradle构建的Android应用;2.Node.js;原创 2016-05-14 23:32:29 · 8162 阅读 · 0 评论 -
React Native 三:样式
一、声明和使用样式1.React Native里面的样式和使用如下面所示,StyleSheet.create这个构造函数不是必须的;index.android.js文件import React, { … …} from 'react-native';class AwesomeProject extends Component { render() { return (原创 2016-04-09 00:17:51 · 14077 阅读 · 1 评论 -
React-Native 七:Slider
用于从一个值范围选择一个值的组件。原创 2016-05-07 17:06:15 · 11635 阅读 · 0 评论 -
React-Native 十:版本升级
更新版本的React Native将会让你访问更多的APIs, 这样我们可以去使用更多的APIs,视图Views,以及开发者工具以及其他一些好用的东西。浏览版本更新日志就会发现整体FB官方开发进度还是非常紧张的,这样就很容易导致旧版本会出现不能用的情况,后期可能会出现不可预料的情况,这边建议大家尽量更新最新正式版本。我们大家都知道一个React Native项目使用Android项目,iOS项目和JavaScript项目三部分进行组成的,而且三者都关联打包在npm包内的,所以该项目版本进行更新是比较繁琐的原创 2016-05-06 02:10:25 · 7985 阅读 · 0 评论 -
React Native十五:原生UI组件
在如今的App中,已经有成千上万的原生UI组件了——其中的一些是平台的一部分,另一些可能来自于一些第三方库,而且可能你自己还收藏了很多。React Native已经封装了大部分最常见的组件,譬如ScrollView和TextInput,但不可能封装全部组件。而且,说不定你曾经为自己以前的App还封装过一些组件,React Native肯定没法包含它们。幸运的是,在React Naitve应用程序中封装和植入已有的组件非常简单。本向导会引导你如何构建一个原生UI组件,带领你了解React Native核心原创 2016-06-26 16:44:31 · 4014 阅读 · 1 评论 -
React Native 六:使用源码构建React Native
在学习React Native的过程中,在资料比较匮乏的时候,通过官方的源码和示例是一个重要的途径。本章节讲解如何通过源代码构建和运行官方的示例程序。一、先前准备1.在进行源码构建之前,你应该确认你已经完成了如下安装: Android SDK version 23(compileSdkVersion in Build.gradle) SDK build tools Version 23.0.1(buildToolsVersion in build.gradle) Andro原创 2016-05-02 18:11:06 · 4625 阅读 · 0 评论 -
React Native 一:开发环境搭建
在学习React Native的过程中,相信对于一个App开发工程师,没有充分的学习过前端开发技术的同学来说,顺利的搭建好开发环境还是比较纠结的。下面,我就根据我自己学习过程中的总结,跟大家讲解讲解如何从零开始顺利的搭建React Native的开发环境,希望对大家的学习有所帮助。我是以Ubuntu操作系统进行开发的,具体步奏如下:1.安装Git apt-get install git2.安原创 2016-04-03 23:55:44 · 47252 阅读 · 3 评论 -
React Native 二:快速入门
前面我们使用react-native init创建了一个项目,这是一个简单的Hello World App(项目结构如下图)。对于iOS来说,你需要编辑index.ios.js来改变App;对于Android,你需要编辑index.android.js来修改App。然后摇晃菜单中点击Road JS查看改变。下面我们就以Android为例子来尝试修改了App。原创 2016-04-09 00:03:39 · 8732 阅读 · 4 评论 -
React Native 四:图片
一、展示图片资源 1.在ReactNative中,图片使用Image组件进行展示,下面我们就以静态、混合和网络资源等多种方式演示图片展示;2.将图片放在代码文件夹img处;原创 2016-04-11 22:59:37 · 3980 阅读 · 0 评论 -
React-Native学习十八:Navigator
Navigator处理你的app中不同页面的切换。它使用JavaScript实现,在iOS和Android中都可用。如果仅仅用于iOS,你也可以使用NavigatorIOS,因为它使用的是本地的UIKit导航;原创 2016-08-19 23:33:13 · 3036 阅读 · 0 评论