Javascript 同一行两端不同字体大小的文本

在react native上，我尝试在同一行上使用两种不同的字体。这一部分可以相对容易地使用嵌套

现在，我希望将屏幕两端的两个文本水平放置。所需效果如下所示，其中两个“hi”位于屏幕宽度的两端

这在中国是可以实现的吗？如果可能，我希望避免使用手动填充调整

---

编辑：我们必须同时完成两件事，一件在同一条线上，另一件在另一端。

你可以通过flexDirection和JustifyContent来实现这一点

<View style={{
                    margin: 20,
                    flexDirection: "row",
                    justifyContent: "space-between",
                    alignItems: 'baseline',
                }}>
                    <Text style={{fontSize: 22, lineHeight: 22}}>
                        Hi
                    </Text>
                    <Text style={{fontSize: 25, lineHeight: 25}}>
                        Hi
                    </Text>
</View>

---

您可以通过flexDirection和JustifyContent来实现这一点

<View style={{
                    margin: 20,
                    flexDirection: "row",
                    justifyContent: "space-between",
                    alignItems: 'baseline',
                }}>
                    <Text style={{fontSize: 22, lineHeight: 22}}>
                        Hi
                    </Text>
                    <Text style={{fontSize: 25, lineHeight: 25}}>
                        Hi
                    </Text>
</View>

试试这个：

你好 你好 试试这个：

你好 你好

---

由于您可能希望文本在同一行上，请尝试将alignItems:“flex-end”添加到父项中。我已经尝试了这一点，同时添加了alignItems:“flex-end”，但它们似乎不在同一行上，而使用嵌套文本方法，它们不能在相反的一端。感谢你的努力@MayankJain抱歉，即使添加了alignItems:“flex end”，您的答案也不会使文本停留在同一行上。请试一试，仔细观察，您会发现它们已关闭。@我会更好地尝试使用lineHeight和alignItems:“baseline”@MayankJain您是否可以编辑您的答案以包括alignItems:“baseline”，将接受为答案因为您可能希望文本位于同一行，请尝试将alignItems:“flex-end”添加到父项中我已经尝试过了，除了添加alignItems：“flex end”之外，它们似乎不在同一行上，而使用嵌套文本方法，它们位于同一行上，因此不能位于相反的一端。感谢你的努力@MayankJain抱歉，即使添加了alignItems:“flex end”，您的答案也不会使文本停留在同一行上。请试一试，仔细观察，您会发现它们已关闭。@我会更好地尝试使用lineHeight和alignItems:'baseline'@MayankJain您可以编辑您的答案以包括alignItems:'baseline'将接受为答案吗