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>
相关推荐
程序员-珍2 小时前
报错下载android sdk失败
android·java
齊家治國平天下3 小时前
AAOS 电源管理深度解析:休眠/唤醒/功耗优化
android·车载系统·aaos·aosp·电源管理·休眠唤醒·carpowermanager
空中湖3 小时前
Spring AI Agent 编排:ReAct 模式 + 多 Agent 协作实战
人工智能·spring·react.js
Xzaveir3 小时前
企业号码展示不可观测怎么办:状态机、拨测事件与异常回放
android·人工智能
2501_916007473 小时前
iOS和macOS应用程序性能分析和优化工具使用综合指南
android·macos·ios·小程序·uni-app·iphone·webview
黄林晴4 小时前
Nearby Connections 重大变更:不再自动开启 Wi-Fi / 蓝牙,适配指南
android
恋猫de小郭4 小时前
Flutter 全新真 3D 实现,用 flutter_scene 能开发一个「我的世界」
android·前端·flutter
小林ixn14 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
HLC++17 小时前
Linux的进程间通信
android·linux·服务器