React Native
寒江蓑笠
这个作者很懒,什么都没留下…
展开
-
Android项目中集成React Native
React Native是非常强大的,但有的时候我们可能并不需要从0开始去开发一个React Native应用,而是需要把它集成到我们现有的Android工程中去,去添加单个的React Native View。本章将主要介绍在原生Android中集成React Native。 可以参考官方文档或中文文档。创建Android工程新建一个ReactNativeDemo的Android工程作为已有原创 2017-02-27 14:29:27 · 3383 阅读 · 1 评论 -
React Native--Image控件
基本用法加载本地图片<Image source={require('./img/baidu.png')}/>加载App内资源图片<Image source={{uri: 'ic_launcher'}} style={{width: 140, height: 140}} />加载网络图片<Image source={{uri:'http://172.17.137.68/heqiang/2.jpg'}}原创 2016-12-21 16:12:34 · 1752 阅读 · 0 评论 -
React Native 入门
Helle World代码分析Helle World代码分析import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View,} from 'react-native';export default class HelloWorldAppp extends Component原创 2016-12-27 17:34:59 · 572 阅读 · 0 评论 -
搭建React Native开发环境
本文是对Ubuntu环境下开发环境的搭建Android Studio下载Android Studio2.2: http://www.androiddevtools.cn/; 下载android-sdk; 这部分相信Android开发者都懂,不做详细介绍。安装nodeJS下载node-v5.0.0-linux-x64解压即可; 创建软链接sudo ln -s /XXXXXX/tools/nod原创 2016-12-07 10:11:39 · 3269 阅读 · 0 评论 -
React Native--组件Component
创建一个Component一个组件类可以像前面Hello World工程中那样通过 class HelloWorldAppp extends Component 来创建,或者通过React.createClass来创建,并且提供一个render方法以及其他可选的生命周期函数、组件相关的事件或方法定义。因此,HelloWorldAppp和下面的实现方法是等价的:import React, { Comp原创 2016-12-28 15:34:21 · 4648 阅读 · 0 评论 -
React Native--flexbox
flexbox布局flexbox是React Native应用开发中必不可少的内容,也是最常用的内容。flexbox是由W3C在2009年提出的一种新的布局方案,该布局可以简单快速地完成各种伸缩性的设计。 flexbox是Flexible Box的缩写,即为弹性盒子布局。 flexbox布局由伸缩容器和伸缩项目组成。采用Flex布局的元素称为伸缩容器。伸缩容器的子元素成为伸缩项目,伸缩项目使用伸原创 2017-01-17 16:05:21 · 771 阅读 · 0 评论 -
React Native创建原生模块
在React Native开发过程中,有时候我们可能需要访问平台的API,但React Native还没有相应的实现,或者是React Native还不支持一些原生的属性,我们需要调用原生代码来实现,或者是我们需要复用一些原来的Java代码,这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。 可以参考官方文档或中文文档。开发模块实现模块下面我们就通过实现一个自定义模块,来熟悉编原创 2017-03-01 09:29:57 · 2010 阅读 · 0 评论 -
React Native封装原生UI组件
我的博客原文地址 在React Native开发过程中,有时我们想要使用原生的一个UI组件或者是JS比较难以实现的动画效果时,我们可以在React Naitve应用程序中封装和植入已有的原生组件。 比如开源项目Lottie在Android上能够非常简单的实现一些复杂的动画效果,如果我们想在JS中也实现这样的效果呢?很简单,我们可以自己构建一个原生UI组件。 接下来就以此为例来进行介绍。Lo原创 2017-03-03 16:11:58 · 5058 阅读 · 7 评论 -
开始了解React Native
一些学习资料React Native中文网:http://reactnative.cn React Native在GitHub上的代码库:https://github.com/facebook/react-native React Native的相关文档https://facebook.github.io/react/随后继续补充原创 2016-12-07 10:03:22 · 466 阅读 · 0 评论