Reactjs 在react native中对齐右侧的文本行

在react native中如何完成这样的布局？我知道我可以对第一行使用justifyContent:space-between，但是如何使第二行填充所有可用空间，以便顶部行的488498在右侧与底部行的字符串对齐

我能想到的唯一方法是使用单空格字体，但在这种情况下这不是一种替代方法，因为我不允许更改字体

---

提前感谢。

您可以使用CSS将488498包装为div，并为其提供文本align:right或float:right…

您需要两个标签，一个标签具有alignSelf:“flex start”样式道具，使其具有可变宽度，另一个标签具有justifyContent:“space between”样式道具，以便文本填充空白

下面是一个例子，这里有一个供你摆弄的例子

从“React”导入*作为React； 从“react native”导入{Text，View，StyleSheet}； 从“expo”导入{Constants}； 导出默认类App扩展React.Component{ 渲染{ 回来 阿夫森德： 488498 很长的文字天哪！这肯定会很长。 ; } } const styles=StyleSheet.create{ 主容器：{ alignSelf:“灵活启动”， 对齐内容：“中心”， 为内容辩护：“中心”， paddingTop:Constants.statusBarHeight， 背景颜色：“ecf0f1”， }, 容器：{ justifyContent:'之间的空间'， flexDirection:'行'， 背景颜色：“红色”， }, 第段：{ 尺码：18， fontWeight:'粗体'， textAlign:'左'， }, 段落右：{ 尺码：18， fontWeight:'粗体'， textAlign:'右'， } };

---

我不能将CSS与react native一起使用。文档中另有说明->Genius！非常感谢，这正是我需要的！