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>
相关推荐
代码s贝多芬的音符4 小时前
ios android 小程序 蓝牙 CRC16_MODBUS
android·ios·小程序
2501_915918416 小时前
iOS 混淆实战 多工具组合完成 IPA 混淆、加固与工程化落地(iOS混淆|IPA加固|无源码混淆|Ipa Guard|Swift Shield)
android·ios·小程序·https·uni-app·iphone·webview
雨白6 小时前
让协程更健壮:全面的异常处理策略
android·kotlin
Jeled7 小时前
AI: 生成Android自我学习路线规划与实战
android·学习·面试·kotlin
AI智能研究院7 小时前
(四)从零学 React Props:数据传递 + 实战案例 + 避坑指南
前端·javascript·react.js
qq7798233407 小时前
React组件完全指南
前端·javascript·react.js
qq7798233408 小时前
React Hooks完全指南
前端·javascript·react.js
DoraBigHead8 小时前
React Fiber:从“递归地狱”到“时间切片”的重生之路
前端·javascript·react.js
游戏开发爱好者88 小时前
如何系统化掌握 iOS 26 App 耗电管理,多工具协作
android·macos·ios·小程序·uni-app·cocoa·iphone
shaominjin1238 小时前
android在sd卡中可以mkdir, 但是不可以createNewFile
android·开发语言·python