彈性盒模型（the flexible box module），又叫flexbox，意為「彈性布局」，旨在通過彈性的方式來對齊和分布容器中內容的空間，使其能適應不同的螢幕，為盒裝模型提供最大的靈活性。
flexbox在大部分情況下都是處理item在container中位置和尺寸的關係。
flexbox在布局中能解決很多問題，如浮動布局、螢幕適配、水平垂直居中、自動分配寬度等。
flexdirection屬性用來設定主軸的方向，即檢視中子控制項的排列順序，有如下幾種選項：
justifycontent屬性用來設定伸縮項在主軸線的對齊方式，有如下幾種選項：
alignitems屬性用來設定伸縮項在側軸上的對齊方式（側軸永遠垂直於主軸），有如下幾種選項：
flexwrap屬性用來設定流式布局（當所有項不能顯示在一行中時，換行顯示）的樣式，有如下幾種選項：
注意：flexwrap屬性在ios上可以正常設定，但在android上如果不加額外的設定，則只會顯示第一行，解決方法是新增style：alignitems: 』flex-start』
flex屬性是flex-grow、flex-shrink和flex-basis三個屬性的組合體，其中後兩個屬性是可選屬性。三個屬性具體解釋如下：
元素在容器中的寬度/高度的計算公式：寬/高度 = 彈性寬度 * (flow-grow / sum(flow-grow));
alignself屬性允許單個元素有與其他元素不一樣的對齊方式，有如下幾種選項：
注意：alignself屬性相當於將父容器的alignitems屬性進行了覆蓋。
let dimensions = require('dimensions');
let width = dimensions.get('window').width;
let dimensions = require('dimensions');
let = dimensions.get('window');
【flex布局教程 - 語法篇】
【flex布局教程 - 例項篇】
原文：彈性盒模型（the flexible box module），又叫flexbox，意為「彈性布局」，旨在通過彈性的方式來對齊和分布容器中內容的空間，使其能適應不同的螢幕，為盒裝模型提供最大的靈活性。
flexbox在大部分情況下都是處理item在container中位置和尺寸的關係。
flexbox在布局中能解決很多問題，如浮動布局、螢幕適配、水平垂直居中、自動分配寬度等。
flexdirection屬性用來設定主軸的方向，即檢視中子控制項的排列順序，有如下幾種選項：
justifycontent屬性用來設定伸縮項在主軸線的對齊方式，有如下幾種選項：
alignitems屬性用來設定伸縮項在側軸上的對齊方式（側軸永遠垂直於主軸），有如下幾種選項：
flexwrap屬性用來設定流式布局（當所有項不能顯示在一行中時，換行顯示）的樣式，有如下幾種選項：
注意：flexwrap屬性在ios上可以正常設定，但在android上如果不加額外的設定，則只會顯示第一行，解決方法是新增style：alignitems: 』flex-start』
flex屬性是flex-grow、flex-shrink和flex-basis三個屬性的組合體，其中後兩個屬性是可選屬性。三個屬性具體解釋如下：
元素在容器中的寬度/高度的計算公式：寬/高度 = 彈性寬度 * (flow-grow / sum(flow-grow));
alignself屬性允許單個元素有與其他元素不一樣的對齊方式，有如下幾種選項：
注意：alignself屬性相當於將父容器的alignitems屬性進行了覆蓋。
let dimensions = require('dimensions');
let width = dimensions.get('window').width;
let dimensions = require('dimensions');
let = dimensions.get('window');
【flex布局教程 - 語法篇】
【flex布局教程 - 例項篇】
原文：
RN彈性布局基礎篇
reactnative 中,可以使用 css3 的 flex布局,使用方法基本一樣,並且rn中,都是支援的.reactnative 不支援百分比的寬度,因此 設定寬度的時候,不需要寫 單位 style view q 既然不需要寫單位,那麼 100 指的是啥呢?100px 還是 100pt?單位是 p...
RN入門基礎6 使用Flexbox布局
flexbox可以指定某個元件的子元素的布局。flexbox可以在不同螢幕尺寸上提供一致的布局結構。一般來說，使用flexdirection justifycontent和alignitems三個樣式屬性就已經能滿足大多數布局需求。注意 react native中的flexbox的工作原理和web上...
RN入門基礎5 指定 彈性寬高
目錄 一 介紹 二 舉例 元件的高度和寬度決定了其在螢幕上顯示的尺寸。元件的寬高分為兩種，指定寬高和彈性寬高 1.指定寬高 是指在樣式中指定固定的width和height。react native中的尺寸都是無單位的，表示的是與裝置畫素密度無關的邏輯畫素點。這樣在不同尺寸的螢幕上都顯示成一樣的大小。...