javascript - 同一行相对两端的不同字体大小的文本

在react native上，我试图在同一行上获得两种不同的字体。使用嵌套的<Text>可以相对容易地完成这一部分。

<Text style={{fontSize: 12}}>
  twelve<Text style={{fontSize: 14}}>fourteen</Text>
<Text>

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



在本地反应中可以实现吗？如果可能的话，我想避免使用手动填充调整。

编辑：我们必须在这里同时实现两件事，1）在同一行上，2）两端。

最佳答案

您可以通过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>

关于javascript - 同一行相对两端的不同字体大小的文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56882703/