FlexBox Cheatsheet

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2738 天前的主题，其中的信息可能已经有所发展或是发生改变。

9 条回复 • 2017-06-07 10:03:36 +08:00

grzhan

2017-06-05 13:22:48 +08:00

最近写 React-native 确实老忘来着……

adspe

2017-06-05 13:26:09 +08:00 via Android

@grzhan 现在 RN 对 flexbox 支持完全了吗。去年用的时候还不是支持的很好

P233

2017-06-05 13:26:47 +08:00

grzhan

2017-06-05 14:07:13 +08:00

@adspe 不知道支持不完全指的是哪部分，因为我现在开发可能主要也就用下 flexDirection、alignItems、justifyContent 这些。如果有想要知道的支持情况的话，我今天可以试一下

adspe

2017-06-05 14:12:14 +08:00

@grzhan flex-grow,flex-shrink 之类的呢

adspe

2017-06-05 14:14:10 +08:00

@adspe 我也记不大的去年的项目用过啥了，记得当时想写一个布局发现 flex 支持不是很完全。好像是 0.1x 的版本

xi_lin

2017-06-05 14:22:41 +08:00

@adspe 按理应该支持了，rn 底层的布局应该是抽成独立的 yoga 项目了，yoga 支持

lylijincheng

2017-06-05 14:23:08 +08:00

http://flexbox.help/

grzhan

2017-06-07 10:03:36 +08:00

@adspe 翻了下文档（ https://facebook.github.io/react-native/docs/layout-props.html ）这些都支持了 “ flexGrow, flexShrink, and flexBasis work the same as in CSS.” 之后实际写了体感下有没有区别。