既然RN在Flexbox的实现中没有"对齐项:基线",那么如何水平对齐两个文本元素的基线呢?

enter image description here

JSX:

<View style={styles.numberAndPercent}>
  <Text style={styles.number}>6.80</Text>
  <Text style={styles.percent}>%</Text>
</View>

推荐答案

现在,本机应支持以下alignItems: 'baseline'项工作:

numberAndPercent: {
  flexDirection: 'row',
  alignItems: 'baseline',
}

Flexbox docs here;支持的值的完整列表here.

React-native相关问答推荐

REACT-Native-Render-html中所有文本的默认字体大小

在原生react 中更改图像源URI时闪烁

任务:react-native-async-storage_async-storage:generateReleaseRFile FAILED

React Native Child Parent 通信

React Native 的 Firebase 初始错误(无法读取未定义的属性getItem)

更改所选标签栏元素的底部边框 colored颜色

如何在 React Native 中测量我的应用程序的数据使用情况?

react-native app.js index.js

react Navigation 在标题中使用图像?

React Native - 如何判断 UI/元素?

以编程方式在 React Native 中添加组件

React Native:fetch request failed with error - TypeError: Network request failed(…)

Android 构建错误AndroidManifest.xml requires a placeholder substitution

如何将 Tensorflow 与 react-native 一起使用?

是否可以在 react-native 的构造函数中调用异步函数?

[React-Native][Jest]SyntaxError: Unexpected token import

动态改变 React Native Flat List 中的列数

ListView 和 FlatList 有什么区别?

降级 react-native 的适当机制

以编程方式读取 app.json(或 exp.json)