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>
相关推荐
薿夜8 小时前
SpringSecurity(三)
android
zh_xuan13 小时前
Android Hilt实现依赖注入
android·hilt
软件工程师文艺13 小时前
从0到1:Claude Code如何用React构建CLI应用
前端·react.js·前端框架
M ? A14 小时前
Vue 迁移 React 实战:VuReact 一键自动化转换方案
前端·vue.js·经验分享·react.js·开源·自动化·vureact
freshman_y14 小时前
Qtcreator怎么新建安卓项目?编写一个五子棋游戏APP?
android·qt
yuki_uix14 小时前
虚拟 DOM 与 Diff 算法——React 性能优化的底层逻辑
前端·react.js·面试
时寒的笔记14 小时前
js逆向7_案例惠nong网
android·开发语言·javascript
肯多洛夫斯基15 小时前
安卓工控屏静默连WiFi全攻略
android
极梦网络无忧16 小时前
Android无障碍服务实现抖音直播间界面监控(场控助手核心原理)
android
M ? A16 小时前
Vue转React实战:defineProps精准迁移实战
前端·javascript·vue.js·经验分享·react.js·开源·vureact