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>
相关推荐
前端炒粉17 分钟前
React 面试高频题
前端·react.js·面试
张一凡9330 分钟前
React 项目也能用依赖注入?我尝试了一下,真香
前端·react.js
myloveasuka31 分钟前
[Java]单列集合
android·java·开发语言
Csvn1 小时前
Redux Toolkit 实战
react.js
fundroid1 小时前
Room 3.0 完全解析:一次面向未来的现代化重构
android·数据库·database·kmp
漂洋过海来看你啊1 小时前
Jetpack Compose高效列表实战:状态管理与性能优化指南
android
snow_yan1 小时前
基于 json-render 的流式表单渲染方案
前端·react.js·llm
Csvn1 小时前
组件设计模式(下):HOC、Render Props 与 Compound Components
react.js
张宏2361 小时前
android camera hal3-camera_module_t
android
用户2814512549922 小时前
迷你React手写系列-React基本概念
react.js