Javascript 如何为flexDirection=行设置alignSelf

我想创建一个视图，作为flexDirection=行。 但是当我使用flexDirection=row时，我不能使用alignSelf。 现在，我如何使用这个数字：

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

---

将左侧分组为一组，并使用

justify-content:space-between;

justify-content:space-between;

---

将左侧分组为一组，并使用

justify-content:space-between;

justify-content:space-between;

---

当使用flexbox时，flexDirection=行

alignSelf以及alignItems属性表示项目如何垂直对齐

如果您想创建这个精确的图形，请将两个左边的项目放在一个div中，并使用

justify-content:space-between;

justify-content:space-between;

---

要在使用flexbox且flexDirection=row时将两个组水平分开设置

alignSelf以及alignItems属性表示项目如何垂直对齐

如果您想创建这个精确的图形，请将两个左边的项目放在一个div中，并使用

justify-content:space-between;

justify-content:space-between;

---

要将两个组水平分开，有几种方法可以实现这一点。实现所需布局的一种简单方法是通过以下方式：

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

---

有几种方法可以实现这一点。实现所需布局的一种简单方法是通过以下方式：

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

使用flexDirection=row时，请垂直对齐自助作业。当您使用flexDirection=column时，请将自己的工作水平对齐

因此，您必须使用JustifyContent

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

您可以在此处了解有关flexbox的更多信息：

当您使用flexDirection=row时，请将自己的工作垂直对齐。当您使用flexDirection=column时，请将自己的工作水平对齐

因此，您必须使用JustifyContent

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

您可以在此处了解有关flexbox的更多信息：