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>
相关推荐
Ruihong16 小时前
Vue withDefaults 转 React:VuReact 怎么处理?
vue.js·react.js·面试
石山岭16 小时前
自己动手写了一个 Android 虚拟定位 App:GPSSimulate 技术实
android·前端
杉氧18 小时前
副作用 (Side Effects) 全攻略:如何像大师一样掌控 Composable 的生命周期?
android·架构·android jetpack
用户298698530141 天前
在 React 中使用 JavaScript 将 Excel 转换为 SVG
前端·javascript·react.js
Kapaseker1 天前
Kotlin Toolchain 0.11 发布:主要是把 Amper 干没了
android·kotlin
三少爷的鞋1 天前
Android 现代架构不需要事件总线进阶篇
android
小林攻城狮2 天前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦2 天前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈
杉氧2 天前
深入理解 Compose 重组机制:快照系统如何驱动 UI 精准刷新?
android·架构·android jetpack
召钱熏2 天前
状态枚举正确≠渲染正确:一个语音按钮的状态机边界修复实录
android·前端