React-Native Android 多行被截断

ylineyline2025-05-01 6:01

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>