有个 React Native 的问题,关于 Flex 与自定义组件配合的问题.

V2EX = way to explore

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

现在注册

已注册用户请登录

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

我在一个父 view 里面定义了 5 个子 View,每个都是{flex:1},父 View 的 FlexDirection:'column',能够把父 View,平均分好.

但是写了一个自定义组件来避免需要写 5 次子 View, flex 就失效了..

写自定义组件需要注意什么吗

3 条回复 • 2017-08-05 05:58:42 +08:00

TabGre

2017-08-04 19:04:38 +08:00 via iPhone

自定义组建是通过 props 传递数量子元素数量吗？最好上上代码😂

NonClockworkChen

2017-08-04 21:32:43 +08:00

@TabGre 不是,自定义组件就是子元素.
没事儿了,效果已经出来了,在自定义组件的 render 方法中的最外层 View 上也加了{flex:1}就有用了,不加之前,自定义组件没有宽和高,默认 0. 好像有点明白为什么了,不过还没透,还得琢磨一下.

TabGre

2017-08-05 05:58:42 +08:00 via iPhone

flex 属性是只能作用于 flexbox 容器的第一级子元素。