React-Native Android 多行被截断

ylineyline

已于 2025-04-30 18:43:02 修改

阅读量239

点赞数 3

文章标签： android react native react.js 截断多行 cut off

于 2025-04-30 18:42:26 首次发布

本文链接：https://blog.csdn.net/u014803950/article/details/147638354

版权

1. 问题描述：

如图所示：

2. 问题解决灵感：

使用相同的react-native代码，运行在两个APP（demo 和 project）上。demo 展示正常，project 展示不正常。

对两个页面截图，对比如下。

得出结论：

1. text 文本高度相同

2. 行间距，有差异。

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>