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>
相关推荐
一笑的小酒馆6 小时前
Android12去掉剪贴板复制成功的Toast
android
一笑的小酒馆6 小时前
Android12App启动图标自适应
android
十盒半价7 小时前
React 性能优化秘籍:从渲染顺序到组件粒度
react.js·性能优化·trae
程序员江同学7 小时前
Kotlin 技术月报 | 2025 年 7 月
android·kotlin
超级土豆粉7 小时前
Taro 位置相关 API 介绍
前端·javascript·react.js·taro
伍哥的传说8 小时前
React & Immer 不可变数据结构的处理
前端·数据结构·react.js·proxy·immutable·immer·redux reducers
某空m9 小时前
【Android】内容提供器
android
Greenland_129 小时前
Android 编译报错 Null extracted folder for artifact: xxx activity:1.8.0
android
ZhuYuxi33310 小时前
【Kotlin】const 修饰的编译期常量
android·开发语言·kotlin
Bryce李小白10 小时前
Kotlin 实现 MVVM 架构设计总结
android·开发语言·kotlin