1. 问题描述:
如图所示:

2. 问题解决灵感:
使用相同的react-native代码,运行在两个APP(demo 和 project)上。demo 展示正常,project 展示不正常。
对两个页面截图,对比如下。

得出结论:
-
text 文本高度相同
-
行间距,有差异。
3. 问题代码

全局参数中:lineSpacingExtra = 2dp
4. 解决方案
对 ReactNativeActivity 设置主题。
<activity
android:name=".react.ReactNativeActivity"
android:resizeableActivity="true"
android:screenOrientation="portrait"
android:theme="@style/ReactNativeTheme" />
<style name="ReactNativeTheme" parent="AppTheme">
<!-- 修复: Rn text 高度被截断的问题 -->
<item name="android:lineSpacingExtra">0dp</item>
</style>