react-native - 水平对齐 2 个文本标签

标签 react-native flexbox

我想连续对齐 2 个文本项。例如

文本{键}/文本文本{值}/文本

我在文档中阅读了有关 Text 元素的内容: 元素相对于布局来说比较特殊:里面的一切都不再使用flexbox布局,而是使用text布局。这意味着 a 内的元素不再是矩形,而是在看到行尾时换行。

所以我假设我需要将文本包装在 View 中。我仍然没有解决问题,这是我当前进度的 react native 示例。请注意元素换行到新行。我怎样才能避免这种行为?

https://rnplay.org/apps/F4sr7Q

最佳答案

看起来你搞砸了这一行:

<View style={styles.IndexTableRow,{backgroundColor:'blue'}}>

只需将 backgroundColor 样式移动到 IndexTableRow 就可以了

关于react-native - 水平对齐 2 个文本标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36426842/

相关文章:

javascript - React Native 和 Enzyme 断言错误 : Object not matching nested property

javascript - 带粘性页脚的 Flex box 3 列布局

ios - React-Native + Flex 不响应方向变化

html - 现在(2020 年)自由使用 Flexbox 和 Grid 是否安全?

react-native - 如何在React Native中安装React Native Maps?

javascript - React Navigation 的 StackNavigator 标题内的自定义关闭按钮

ios - 如何使用 React Native Firebase 动态链接获取 iOS 的初始链接?

react-native - 不再支持 React Native 通过 UIManager ['AIRMap' 直接从 UIManager 访问 View 管理器配置]

css - flexbox布局中的垂直文本

html - Flexbox align-content 和 justify-content 不起作用