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>
相关推荐
飞猿_SIR2 小时前
基于海思Hi3798MV200Android7.0聊聊HDMI色深模式和电视HDR
android·嵌入式硬件·音视频
家里有只小肥猫2 小时前
react 初体验2
前端·react.js·前端框架
come112343 小时前
ptyhon 基础语法学习(对比php)
android·学习
ClassOps3 小时前
Android 12 SplashScreen启动屏
android·kotlin
一直向钱3 小时前
android 增强版 RecyclerView
android
sun0077003 小时前
网络配置config.xml的android.mk解析
android·xml
Z_Wonderful3 小时前
ReactUse 与ahook对比
前端·javascript·react.js
Digitally4 小时前
如何将照片从Mac传输到安卓设备
android·macos
教程分享大师5 小时前
当贝安卓9.0_创维E900S_e910V10C_3798mv310处理器线刷烧录包可救砖带adb功能
android·adb