【问题标题】:React native right justified wrapped text反应原生右对齐包装文本
【发布时间】:2021-04-07 08:27:02
【问题描述】:

我有一个视图,我希望所有文本都与屏幕右侧对齐,即使在换行时也是如此。我目前有:

<Block flex={1} style={{alignItems: "flex-end", alignContent: "flex-end", flexWrap: "wrap"}}>
    <Text>{this.address.label}</Text>
...

文本正在换行,但仍向左对齐。有没有办法改变这种行为?

【问题讨论】:

    标签: react-native flexbox


    【解决方案1】:

    试试 textAlign:https://reactnative.dev/docs/text-style-props#textalign

    <Text style={{textAlign:'right'}}>{this.address.label}</Text>
    

    【讨论】:

    • 啊哈!我不知道为什么我没有尝试...将它添加到 Text 元素修复它。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-17
    • 2021-04-03
    • 1970-01-01
    • 2019-10-14
    • 1970-01-01
    • 2017-06-06
    相关资源
    最近更新 更多