javascript - 如何为 flexDirection=row 设置alignSelf

Question

我想创建一个View作为flexDirection="row"。但当我使用 flexDirection="row" 时，我无法使用 alignSelf 。现在，我该如何使用这个数字:

|                                                 |
|LeftItem-1  LeftItem-2                  RightItem|
|                                                 |

Answer 1

当您使用flexDirection="row"时，alignSelf垂直工作。当您使用 flexDirection="column" 时，alignSelf 水平工作。

因此，您必须使用 JustifyContent。

<View style={{flexDirection: "row"}}>
    <View style={{flexDirection: "row",flex:1}}>
        <Text> LeftItem-1   </Text>
        <Text> LeftItem-2   </Text>
    </View>
    <Text> LeftItem-3   </Text>
</View>

这样你就可以实现你的输出。

您可以在此处了解有关 Flexbox 的更多信息:https://css-tricks.com/snippets/css/a-guide-to-flexbox/