zhukui66的专栏

1.安装Git 下载Git，记得把git.exe的路径写入系统环境变量，因为在执行react-native init命名时会调用git去下载react-native的源码。 2.安装Node.js 到官网下载最新版的安装包安装即可。npm（node package manager）是随着node.js就安装好的，为了加速安装其他的package，在cmd里输入以下命令： npm c

1.React Native项目官方地址:https://github.com/facebook/react-native 命令:git clone https://github.com/facebook/react-native.git 2.添加Node依赖模块:该命令行需要切到react-native项目中,主要运行如下命令 1 cd rea

1.View属性方法介绍 View属性方法介绍如下: 序号 名称 属性Or方法 类型 说明 1 accessibilityLabel 属性 string   2 accessible 属性 bool 当为true时，表示该元素是可以进行访问， 默认情况下所有可触摸的元素控件都是可以访问的

1.效果图 2.源代码 'use strict'; import React, { Component, View, Image, Text, Dimensions, StyleSheet } from 'react-native'; var deviceWidth = Dimensions.get('window').width;

属性列表(Flexbox) alignItems enum('flex-start', 'flex-end', 'center', 'stretch') alignSelf enum('auto', 'flex-start', 'flex-end', 'center', 'stretch') borderBottomWidth number borderLeftWidth numb

props 每一个组件都有可变与不可变的属性，props是不可变属性，当props改变时，组件的绘制方法不会被调用。属性多的时候，可以传递一个对象，语法为{...xx}，这是es6的新特性。 states states是组件的可变属性，states的改变会触发组件的render函数，react与其他mvvm框架的最大的不同点就是，react 组件可以想象成一个状态机，状态的改

1.项目地址 https://github.com/race604/react-native-viewpager 2.Usage Run npm install react-native-viewpager --saveCode like this: var ViewPager = require('react-native-viewpager'); <ViewPage

1.效果图，此为手写布局，非GridView . 2.代码 'use strict'; import React, { Component, View, Text, Image, TouchableHighlight, PropTypes, StyleSheet } from 'react-native'; export defau

1.github地址 https://github.com/exponentjs/react-native-tab-navigator 2.package.json配置 "dependencies": {     "react-native-tab-navigator": "^0.2.15",   } 3.说明 A tab bar that switches betw

1.效果图 2.代码 /** * 登录页面 */ //初始化类 import React, { AppRegistry, Component, StyleSheet, Text, Image, View, TextInput } from 'react-native'; //初始化类 export default

1.React Native的版本，命令行输入如下命令: react-native --version 2.React Native版本更新: npm update -g react-native-cli 3.升级/降级,例如:npm install --save react-native@0.18    再运行获取最新的代码: react-native upgrade

1.布局 2.代码如下 /** * 扫码框 */ 'use strict'; import React, { Component, Image, TextInput, View, Platform, StyleSheet } from 'react-native'; //export 因为要在其他类中使用 export default clas

一、Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } Webkit内核的浏览器，必须加上-we

1.Atom下载地址:https://atom.io/ 2.安装Atom插件Nuclide 直接打开Atom软件，点击Atom->Preferences打开Setting,然后点击install，输入nuclide-installer  gyp info it worked if it ends with ok gyp info using node-gyp@0.12.2 gyp i

1.android react-native学习网站 http://www.lcode.org/  江清清技术专栏（棒） http://reactnative.cn/ React Native 中文网 2.开发工具： Atom 3.index.android.js中:React.AppRegistry.registerComponent('TestHello', () =

1.cd C:\Users\用户名\Desktop\react-native\react-native-master\react-native-cli npm install -g 2.React-native本地安装路径: C:\Users\用户名\AppData\Roaming\npm\node_modules\react-native-cli 3.安卓运行: cd C:\U

1.Text属性 numberOfLines(number):设置文本行数 onPress(function):点击触发方法 2.Text样式 1.继承可以使用View组件的所有Style(具体查看http://facebook.github.io/react-native/docs/view.html#style) 2.color:字体颜色 3.fontFamily 字体