React-Native Android 多行被截断

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>
相关推荐
xinhuanjieyi17 小时前
Android 画板应用kotlin实现
android·开发语言·kotlin
故渊at17 小时前
第四板块:Android 输入系统与触控事件 | 第十六篇:按键分发与软键盘(IME)的窗口协同
android·软键盘·输入系统·触控事件·按键分发
故渊at17 小时前
第三板块:Android 图形渲染与窗口体系 | 第十四篇:View 绘制体系与 RenderThread 异步渲染
android·图形渲染·ui线程·renderthread·view体系
Coffeeee17 小时前
准备升级到Android16,自适应布局应该如何适配
android·google·kotlin
神仙别闹17 小时前
基于 PHP + MySQL 图书库存管理系统
android·mysql·php
zhangphil17 小时前
Android内存回收:GC、kswapd 和 mm_vmscan_direct_reclaim概述
android
plainGeekDev17 小时前
ContentProvider → Room + Repository
android·java·kotlin
沙漠17 小时前
ReactNative总结系列三 --- 性能优化
react native·性能优化
plainGeekDev17 小时前
SQLite 手动升级 → Room Migration
android·java·kotlin
MemoriKu17 小时前
Flutter 相册 APP 视频模态稳定化实战:从视频抽帧、Embedding 元数据到 Android 真机启动修复
android·开发语言·前端·flutter·架构·音视频·embedding