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 小时前
33、魔法防御术——React 19 安全攻防实战
前端·安全·react.js
tmacfrank3 小时前
Android 性能优化入门(二)—— 内存优化
android·性能优化
奔跑吧 android3 小时前
【android bluetooth 协议分析 02】【bluetooth hal 层详解 3】【高通蓝牙hal主要流程介绍-上】
android·bluetooth·qcom·bt_hal_1.0·qcom_bt·高通蓝牙hal
懒人Ethan3 小时前
React TS中如何化简DOM事件的定义
javascript·react.js·ecmascript
追随远方5 小时前
Android OkHttp控制链:深入理解网络请求的流程管理
android·网络·okhttp
stevenzqzq6 小时前
kotlin flow的两种SharingStarted策略的区别
android·flow
掘金-我是哪吒7 小时前
分布式微服务系统架构第138集:打包发布全流程(iOS + Android)
android·微服务·云原生·架构
奔跑吧 android8 小时前
【android bluetooth 协议分析 01】【HCI 层介绍 9】【ReadLocalSupportedCommands命令介绍】
android·bluetooth·bt·aosp13·hcicmd·bt5.3
小邓是个人才呀9 小时前
第二章:Android常用UI控件
android·java·ui
JiaLin_Denny10 小时前
react中运行 npm run dev 报错,提示vite.config.js出现错误 @esbuild/win32-x64
javascript·react.js·npm·esbuild·config.js·run dev