RN基础
梦想拒绝零风险
这个作者很懒,什么都没留下…
展开
-
React-Native 基础(一) 我的第一个React-Native
React Native开发环境配置 React Native——第一个示例 React Native第一课 新手提问前先来这里看看-react-native的常见问题总体上按照官方教程一步一步走,以下对我踩过的部分坑说明一下。// 安装react-native-clinpm install -g react-native-cli// 初始化项目react-native init A原创 2016-07-18 13:38:43 · 1183 阅读 · 0 评论 -
React-Native 基础(二) 使用Props实现传参定制
参考文档:http://reactnative.cn/docs/next/props.html#content 根据我蹩脚的英文水平来看,Props来源于英文单词Property有属性的意思(Props作为一个完整单词来看译为支柱,不合语境)。官方库提供的props 下面以Image为例,这里的source和style就是props.<Image source={pic} style={{wid原创 2016-07-29 10:11:39 · 1737 阅读 · 0 评论 -
React-Native 基础(三) 使用State改变状态
参考文档: http://reactnative.cn/docs/next/state.html#content http://reactnative.cn/docs/next/state.html#content我们使用两种数据来控制一个组件:props和state. props定制的内容,一经组件创建,内容不再改变。 需要改变的数据使用state. 使用state 1. 在const原创 2016-07-29 10:27:45 · 7509 阅读 · 0 评论 -
React-Native 基础(四)使用style定义组件的样式
参考文档:http://facebook.github.io/react-native/docs/style.htmlstyle是一个propsstyle的键值命名格式遵循CSS风格,除了名字使用驼峰法则而不是使用分隔符。例如背景色:backgoundColor,不是background-color可以传递style数组,最后一个style有优先权,因而可以使用它继承styles为了组件的扩原创 2016-07-29 10:44:06 · 3708 阅读 · 0 评论 -
React-Native 基础(六) 使用Flexbox布局
参考文档:http://facebook.github.io/react-native/docs/flexbox.html 1. 使用flexbox可以指定子布局 2. flexbox兼容不同尺寸的手机屏幕 3. 通常使用flexDirection, alignItems, 和justifyContent的组合实现目标效果flexDirection 指定子布局是横向(row)还是纵向(col原创 2016-07-29 13:40:45 · 699 阅读 · 0 评论 -
React-Native 基础(五) Height and Width
参考文档:http://facebook.github.io/react-native/docs/height-and-width.html1. Fixed Dimension 静态尺寸 React-Native所有尺寸都是无单位,密度无关像素import React, { Component } from 'react';import { AppRegistry, View } from 'r原创 2016-07-29 12:30:33 · 945 阅读 · 0 评论