reactnative规划篇之position

position:enum(&＃8216;absolute&＃8217;,&＃8217;relative&＃8217;)。先简朴的看一下示例图

• position:&＃8217;relative&＃8217;
  相对规划。这个和html的position有很大的差别，他的相对规划不是相对于父容器，而是相对于兄弟节点。

• position:&＃8217;absolute&＃8217;
  相对规划。这个是相对于父容器举行据对规划。相对规划是离开文档流的，不过奇怪的是依旧在文档条理构造内里，这个和html的position也很大不一样。别的另有一个和html不一样的是，html中position:absolute请求父容器的position必需是absolute或许relative，假如第一层父容器position不是absolute或许relative，在html会顺次向上递归查询直到找到为止，然后居于找到的父容器相对定位。

• position 示例代码

/**
* Created by GXZ on 16/6/27.
*/
import React,{Component} from 'react';
import {
Text,
View,
ScrollView
} from 'react-native';
export default class PositionExample extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
return (



marginBottom: 10,
},
box1: {
width: 50,
height: 50,
backgroundColor: '#FF0000'
},
box2: {
width: 50,
height: 50,
backgroundColor: '#00FF00'
},
box3: {
width: 50,
height: 50,
backgroundColor: '#0000FF'
}
};