ReactNative开发——Navigation的使用 React Native 0.43之前 ‘react-native’包里面，但0.43之后了’rea移除了rect-native’。网上的大部分资料,也是ReactNative 0.43之前的 Navigator的用法,然而我用的0.44版本在开发，这就…. 参考： http://facebook.github.io/react-nativ
这里推荐两个官方教程 1 React Native 官方文档 2 React Native 官方文档中文版 如果英文水平还可以，还是看英文版比较好，原因文档有最新版，还可以在线直接修改调试，对于初学者很快就能上手。 从我个人经验，来说入门RN最难的还是，对其架构原理的理解，已经开发环境的配置，毕竟需要React开发环境，IOS开发环境，Android开发环境才能看到所有的运行结果。 我在这个过程就
React Native开发官方推荐使用Atom＋Nuclide插件, 推荐使用Mac开发react Native。 1：安装Atom 下载地址 下载完成后解压安装后打开Atom，可以看到如下界面： 2：安装Nuclide 点击菜单栏：Atom->Preferences,打开Settings,点击左边Install按钮，然后，在Install Packets
ReactNative Component 生命周期 生命周期方法 //
// Component Specs and Lifecycle
// ----------------------------------------------------------------------
interface ComponentLifecycle<P, S> {
源码传送门 最近学习ReactNative感觉到挺有意思的，在学习的过程中，发现网上一些人写的文章内容过时了，这主要是ReactNative的版本升级太快，如果你现在看一篇16甚至15年写的文章，把知识点和官方文档对比下，会让你大跌眼镜。所以奉劝各位想学习ReactNative的同学，选择学习资料一定要以官方文档，和官方demo为准，其他资料为辅。 Image组件 在ReactNative中Ima
使用React 基本组件结合flex 属性，实现简单登录布局UI 效果 效果预览： 项目结构： loginView.js 文件： /**
* Created by admin on 2017-8-8.
* 登录界面UI
*/
'use strict'
import React, {Component} from 'react';
import {
AppRegistry,
对于习惯了iOS开发的同学，可能会对React Native中组件的生命周期很困惑。在iOS中有一个ViewDidLoad来初始化，那么在RN中，又是在哪里呢？ 一、看图分析 在下图中描述了React Native中组件的生命周期，我们可以根据其中的执行顺序在对应的函数中做对应的操作。 React Native组件的生命周期大致上可以划分为实例化阶段、存在阶段
这里简单介绍 ScrollView 的使用及基本属性，结合组件的生命周期 使用ScrollView 实现自动轮播效果。 基本使用效果图： 代码： /**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, {Component} from 'react'
ListView 实现 带标题的列表： import React, {Component} from 'react';
import {
StyleSheet,
ListView,
SectionList, View, Text, TouchableOpacity, Image, Alert,
} from 'react-native';
import carInfos
首先看看官网对AsyncStorage的定义： AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。它用来代替LocalStorage。 LocalStorage是什么呢？ 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题 目前React项目中也是使用Lo
怎么用？？ 先说几种加载方式 1本地图片 <Image source={require('./my-icon.png')} /> 2原生资源图片（android为例） <Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40, height: 40}} /> 3网络图片 <Image source={{uri: 'https:/
一款支持android 和iOS平台的提示组件。 react-native-easy-toast（点击查看api）
异常： {"errno":-4048,"code":"EPERM","syscall":"lstat","path":"D:\\CODE\\Android\\AS2.1 Error: EPERM: operation not permitted, lstat 'D:\CODE\Android\AS2.1\android\MyReactNativeApp 解决方案：打开项目中 node_modul
参考资料： Android现有工程接入RN开发 嵌入到现有原生应用 - React Native 中文网 原生模块 - React Native 中文网 现有项目接入RN简单来说分以下步骤 1.首先要有一个现成的Android 工程。 2. 安装 react-native组件。 3.在原生app 中初始化 rn 组件部分。 4.编译、运行调试程序。 下面详细步骤： 开发环境准备 首先按照开发环境搭
build项目时，即输入react-native run-Android 时出现 failed to find Build Tools revision 23.0.1。 出现原因：android SDK没有更新安装完整。 解决办法：设置SDK，安装更新。 打开Android SDK Manager。选中以下项目： Android SDK Build-tools version
ReactNative源码篇：渲染原理 关于作者 郭孝星，非著名程序员，主要从事Android平台基础架构与中间件方面的工作，欢迎交流技术方面的问题，可以去我的Github提交Issue或者发邮件至guoxiaoxingse@163.com与我联系。 文章目录：https://github.com/guoxiaoxing/react-native/blob/master/README.md 本篇系
最近用 ReactNative 写了一个 Listview，里面的 row 是图片。 在某些机型上直接 OOM 解决方案： <application
android:largeHeap="true"
问题：在Android中 input组件，文字会有遮挡 在Android中，input组件默认会有内边距，所以把padding改为0可以解决问题 问题：在Android中 input组件，底部会有条白线 添加红色的属性underlineColorAndroid <TextInput placeholder="搜索关键字" placeholderTextColor={'#FFFFFF'} u
此博客基于react-native-0.48.4 React Native 一个跨平台开发的语言！一套代码可以同时跑在多个端，想想都刺激；下面就来用RN开发一个登录页面，熟悉语法和RN代码的编写（大神可以出门右拐） 来看下我们要实现的效果图： React Native 中文网：http://reactnative.cn/docs/0.48/getting-started.
在ReactNative里有一个类似于div的组件，那就是view组件，支持多层嵌套，支持flexbox布局 实现效果如图： 1.加载view组件 2.创建组件 3.添加样式表 4.注册入口 5.外层布局 6.flex水平三栏布局 7.上下两栏布局 8.完善效果 import React, { Component } from 'react';
import {//组件API
AppRegis
