例如，我有以下布局：

<View style={{ flexDirection: "column",width: 200,height: 200,backgroundColor: "gray" }}>
    <View style={{ flex: 1,width: 50,backgroundColor: "red" }}/>
    <View style={{ flex: 1,backgroundColor: "blue" }}/>
</View>

这将产生2个小矩形，每个矩形的宽度为50，高度为100。由于flex 1和“ column”的父flexDirection，高度自动设置为100。

我的问题是，如何使红色和蓝色矩形的宽度自动跟随父对象的宽度？我当然不能为此在子级上使用“ flex”，因为由于父级flexDirection“ column”，flex是为垂直轴保留的。我对CSS还是很陌生的，而且对本机也反应很快，所以这个flex系统让我感到困惑。