到了flex布局反而不知道该怎么写了,因为之前做的react native项目就是用flex布局,flex布局不算新手了。想了再想觉得网上的教程应该比我说的更详尽,就简单复制几个以前的学习链接,先参考这些链接学习吧,我也仔细想想能写些什么,有合适的东西了在补充。
中文文档 http://reactnative.cn/docs/0.31/layout-with-flexbox.html#content
A Complete Guide to Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
flex布局语法 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
flex例子 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
lex布局的关键点在于理解水平轴和竖直轴。1、flex-direction决定了主轴是水平的还是垂直的,在react和react native中默认值不同前者是row后者是column;2、justify-content决定了在主轴方向上的排列方式;3、align-items决定了沿次轴的排列方式。其他的就多练习吧,熟能生巧。