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>
相关推荐
编程之路从0到11 天前
JSI入门指南
前端·c++·react native
编程之路从0到11 天前
React Native 之Android端 Bolts库
android·前端·react native
lili-felicity1 天前
React Native 鸿蒙跨平台开发:Animated 实现鸿蒙端组件的旋转 + 缩放组合动画
react native·react.js·harmonyos
爬山算法1 天前
Hibernate(38)如何在Hibernate中配置乐观锁?
android·java·hibernate
Mintopia1 天前
如何结合 AI,为未来社交群体构建「信任桥梁」
人工智能·react native·架构
Murrays1 天前
【React】01 初识 React
前端·javascript·react.js
web前端1231 天前
React Hooks 介绍与实践要点
前端·react.js
行稳方能走远1 天前
Android java 学习笔记 1
android·java
zhimingwen1 天前
【開發筆記】修復 macOS 上 JADX 啟動崩潰並實現快速啟動
android·macos·反編譯