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>
相关推荐
哟哟耶耶16 分钟前
react-11使用vscode开发react相关扩展插件(相关的快捷生成)
javascript·vscode·react.js
每次的天空26 分钟前
Android学习总结之自定义view设计模式理解
android·学习·设计模式
流星雨在线35 分钟前
解决 RN Switch 组件在安卓端样式很丑的问题
react native
是店小二呀1 小时前
【优选算法 | 前缀和】前缀和算法:高效解决区间求和问题的关键
android·c++·算法
l and1 小时前
适配 AGP8.5,maven 私服发布报错(七)
android·maven
_extraordinary_2 小时前
MySQL 基本查询(一)
android·数据库·mysql
Json_181790144803 小时前
闲鱼商品详情API接口概述及JSON数据参考
android·大数据·python
官乐3 小时前
pycharm导入同目录下文件未标红但报错ModuleNotFoundError
android·ide·pycharm
决胜万里11 小时前
Android WIFI体系
android