当与flexWrap一起使用时，React-Native项目不会拉伸

Question

我的观点与以下类似

<View style={{
    flex: 1,
    paddingTop: 20,
    flexWrap: 'wrap',
    backgroundColor: 'pink'
    }}>
    <View style={{
        flex: 1,
        minHeight: 200,
        flexGrow: 1,
        backgroundColor: 'red',
    }} />
    <View style={{
        flex: 1,
        minHeight: 200,
        flexGrow: 1,
        backgroundColor: 'blue',
    }} />
</View>

以上布局适用于https://yogalayout.com。如果是横向模式，两个矩形将被包裹。 （在Yogalayout中互换高度和宽度时。500x300或300x500）

但是当在本机视图中使用时，子视图仅采用其中内容的宽度。无法获得默认的alignItems: 'stretch'行为。

如果我添加alignContent: 'stretch'，则子视图在纵向模式下会拉伸到全宽。但是，在横向模式下，视图将不会被包装。

Answer 1

子视图和父视图中的flexBasis只需使用minHeight而不是alignContent: 'stretch'。