重点： github地址 在运行demo的时候可能会运到一些问题： 出现:ReactAndroid:downloadBoost error问题， 解决办法：下载 boost_1_63_0.tar.gz 放到react-native-master/ReactAndroid/build/downloads/目录下面 注： compileSdkVersion 23 buildToolsVersion “
react-native 布局 1 flex布局基本概念 flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用flex布局的元素，称为flex容器（flex Container），简称"容器"。它的所有子元素自动成为容器成员，称为flex项目（flex item），简称"项目"。如下图所示： 容器默认存在两根轴：主轴（main axis）和交叉轴（cro
ReactNative源码篇：源码初识 作者: 郭孝星 邮箱: guoxiaoxingse@163.com 博客: http://blog.csdn.net/allenwells 简书: http://www.jianshu.com/users/66a47e04215b/latest_articles 关于作者 郭孝星，非著名程序员，代码洁癖患者，爱编程，好吉他，喜烹饪，爱一切有趣的事物和人。 关
ReactNative源码篇：通信机制 作者: 郭孝星 邮箱: guoxiaoxingse@163.com 博客: http://blog.csdn.net/allenwells 简书: http://www.jianshu.com/users/66a47e04215b/latest_articles 关于作者 郭孝星，非著名程序员，代码洁癖患者，爱编程，好吉他，喜烹饪，爱一切有趣的事物和人。 关
ReactNative源码篇：代码调用 作者: 郭孝星 邮箱: guoxiaoxingse@163.com 博客: http://blog.csdn.net/allenwells 简书: http://www.jianshu.com/users/66a47e04215b/latest_articles 关于作者 郭孝星，非著名程序员，代码洁癖患者，爱编程，好吉他，喜烹饪，爱一切有趣的事物和人。 关
ReactNative源码篇：启动流程 作者: 郭孝星 邮箱: guoxiaoxingse@163.com 博客: http://blog.csdn.net/allenwells 简书: http://www.jianshu.com/users/66a47e04215b/latest_articles 关于作者 郭孝星，非著名程序员，代码洁癖患者，爱编程，好吉他，喜烹饪，爱一切有趣的事物和人。 关
环境搭建 我是在Mac系统上进行运行的，如果需要在Win上运行，请参考 http://reactnative.cn/docs/0.44/getting-started.html#content Mac下进行环境搭建 （1）Xcode。建议通过AppStore下载安装，官方正版。各种软件站的软件，可能存在恶意植入的情况，不建议。 （2）安装Node.js。 我用的是安装包安装的，去https://n
2015年9月15日Facebook发布了ReactNative for Android，引发了学习使用ReactNative开发跨平台引用的热潮。目前React Native发布到了0.44的版本。最近项目中考虑是否要接入ReactNative, 所以对ReactNative进行了一些调研性的工作。 ReactNative简介 在reactnative中文网上有以下简介: React Nativ
定义组件: class 组件名 extends Component {
render () {
return <Image> | <Text> | <view> //三个自带的组件
}
}
AppRegistry.registerComponent( ‘应用名 | 组件名’ , () => 组件名 );//这个只能有一次 控制组件: props : 在父组件中指定,
ReactNative开发——自定义组件 定义组件 我自定义了一个对话框，这个对话框的样子如图所示： 直接上代码： /** * 直接导出组件，不用写module.exports=ConfirmDialog */
export default class ConfirmDialog extends Component {
render() {
return (
ReactNative开发——系统弹出框 导入Alter组件 import {Alert} from 'react-native' 使用Alert Alert.alert(
"弹出框标题提示语",
"弹出框正文提示语",
[
{text: 'ask me later'},
{text: '取消', onPress: this.userCanc
webstorm配置 http://www.voidcn.com/article/p-gptuodgr-qq.html webstorm插件 安装 react templates react native 问题以及技巧 0, 启动服务后 使用 localhost:8081 看看是否正常启动 React Native packager is running. 显示 解决: 发布到真机 需要在应用内
ReactNative开发——View组件 View组件是React Native最基本的组件，绝大部分其他React Native组件都继承了View组件的属性，包括支持View组件的样式设置，回调函数以及其他属性。 View组件的颜色和边框 键 值 backgroudColor 用来指定组件的背景颜色，如果没指定，默认的背景颜色会是一种非常浅的灰色，只有Text,与TextInput会继承其父
ReactNative开发——TextInput TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件提供了多种特性的配置，比如自动完成，自动大小写，占位文字，以及多种不同的键盘类型（如数字键盘）等等。 TextInput的属性 export default class Project07 extends Component {
render() {
ReactNative开发——组件的引用 定义组件的引用 <TextInput ref='aReferName'
... 使用组件 根据引用调用组件的方法 this.refs.aReferName.公开函数() 示例 render() { return ( <View style={{flex: 1, justifyContent: 'flex-start'}}> <TextInput ref='
ReactNative开发——StatusBar StatusBar用来设置并动态改变设备的状态栏显示特性。 基本属性 componentDidMount(){
window.setTimeout(()=>{
//获得状态栏高度；
console.log('height:'+StatusBar.currentHeight)
ReactNative开发——Clipboard Clipboard组件可以在iOS和Android的剪贴板中读写内容 示例 class ClipboardView extends Component {
state = {
textFormClipboard: ''
}
render() {
return (
<V
ReactNative开发——组件的生命周期 使用ES6语法创建Component 我查看了下网上有关React Native中组件的生命周期有关的资料，发现大多介绍的是 ReactClass.create这种方式创建的Component创建的组件，这种方式创建的组件，生命周期都是先执行和getDefaultProps和 getInitialState。 而我创建Component的方式采用了ES
ReactNative开发——滑动组件 环境 window android react-native 0.45 ScrollView 介绍 ScrollView是一个可以滑动的组件,它内部可以是一个高度不受控制的View,但它自身必须要有个固定的高度。这里如果我们不给直接他设置高度，它的上层空间有固定高度的话也是可以的。 <ScrollView> VS <FlatList>我们应该选择哪个？ Sc
