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

[NonClockworkChen]

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

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

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

[TabGre]

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

[NonClockworkChen]

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

[TabGre]

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