React native如何包装内容视图

Question

我是RN的新手，无论如何要包装视图的内容，类似于Android。在Android中我可以调整，高度：＆＃39;包装内容＆＃39;，但不知何故在RN，我不能做任何包装内容。

我要么设置视图的高度，要么只是弯曲，但仍然不包裹视图。

Answer 1

您可以将父级组件设置为像这样包装子组件。

  

alignSelf：'基准'

<View style={{ alignSelf:'baseline'}}>
  <Text>Child Content</Text>
</View>

水平包裹子内容。

Answer 2

对于flexDirection: "row"，您应该使用flexWrap: "wrap" 包装里面的物品。

Answer 3

如果内容是垂直的，它应该默认包装; 如果内容是横向的，那么事情变得棘手...... 对我有用的是将视图容器放在另一个视图中：

<View style={{alignItems: "center"}}>
    <View style={{flexDirection: "row"}}>
        <Image/><Text/>
    </View>
</View>

Answer 4

默认情况下，如果＆＃39; flex＆＃39;属性未设置。

如果您需要视图来填充父级宽度或高度设置＆＃39; alignSelf＆＃39;属性为＆＃34;拉伸＆＃34;。