###1問什麼要使用react native
如何在開發成本和使用者體驗做到更好的平衡？很多時候，前端都有一種樂觀的想法：h5可以替代原生應用
rn不僅可以使用前端開發的模式來開發應用，還能呼叫原生應用的ui元件和api
###2rn實戰之flexbox布局
flexbo是flexible box的縮寫，彈性盒子布局，主流的瀏覽器都支援
flexbox布局是伸縮容器（container）和伸縮專案（item）組成
flexbox布局的主題思想是元素可以改變大小以適應可用空間，當可用空間變大，flex元素將伸展大小以，
填充可用空間，當flex元素超出可用空間時將自動縮小。總之，flex元素是可以讓你的布局根據瀏覽器的
大小變化進行自動伸縮。
按照伸縮流的方向布局
伸縮容器有主軸和交叉軸組成！主軸既可以是水平軸，也可以是垂直軸
lexbox目前還處於草稿狀態，所有在使用flexbox布局的時候，需要加上各個瀏覽器的私有字首，即-webkit -moz -ms -o等
###伸縮器的屬性
1.display
display：flex | inline-flex
塊級伸縮容器 行內級伸縮容器
2.flex-direction
指定主軸的方向
flex-direction:row| row-reverse |column|column-reverse
3.flex-wrap
伸縮容器在主軸線方向空間不足的情況下，是否換行以及該如何換行
flex-wrap:nowrap | wrap |wrap-reverse
4.flex-flow
是flex-direction和flex-wrap的縮寫版本，它同時定義了伸縮容器的主軸和側周，其預設值為 row nowrap
即flex-flow：row nowrap;
5.justify-content
用來定義伸縮專案再主軸線的對齊方式，語法為：
justify-content:flex-start|center|flex-end|space-between|space-around分別為水平居左、中、右 、
頂邊平均分配、有間距平均分配
6.align-items
用來定義伸縮專案再交叉軸上的對齊方式，語法為：
align-items:flex-start（預設值）|center|flex-end|baseline|stretch
7.align-content
用來調整伸縮專案出現換行後在交叉軸上的對齊方式，語法為：
align-content:flex-start|flex-end|center|space-between|space-around|stretch
亞馬遜宣布不再採用客戶小費方式支付Flex司機工資
donews8 月 23 日訊息 記者 翟繼茹 據外媒報道，亞馬遜在乙份傳送給司機的電子郵件中表示，將結束使用客戶小費支付flex司機工資的做法。現在，客戶消費將作為司機們的額外收入。亞馬遜表示，現在基本時薪為15 19 美元之間，具體取決於地理位置，而司程式設計客棧機收到的程式設計客棧客戶小費將不...
React Native中的flexbox布局
分類 react native 說到布局，不論是android還是ios還是web前端，都有涉及到，react native中也有布局，主要採用了類似css中的flexbox布局，不過這種布局跟css中的flexbox布局稍微有點不同，下面就記錄在react native中使用flexbox布局的方...
react native遇到的坑
1 模擬器報錯no bundle url present 2 模擬器快捷鍵 3 新開乙個react native專案，執行時可能會報錯 提示專案未註冊 此時重啟機器 4 android真機除錯報錯 5 用react native init初始化乙個專案直接執行報錯 原因可能是react native...