当前位置: 首页 > news >正文

React-Native Android 多行被截断

1. 问题描述:

如图所示:

2. 问题解决灵感:

使用相同的react-native代码,运行在两个APP(demo 和 project)上。demo 展示正常,project 展示不正常。

对两个页面截图,对比如下。

得出结论:

1. text 文本高度相同

2. 行间距,有差异。

3. 问题代码

全局参数中:lineSpacingExtra = 2dp

4. 解决方案

对 ReactNativeActivity 设置主题。

<activityandroid: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>

相关文章:

  • layui轮播图根据设备宽度图片等比例,高度自适应
  • 一、Javaweb是什么?
  • 海外社交软件技术深潜:实时互动系统与边缘计算的极限优化
  • JavaScript的3D库有哪些?
  • 2025-03 机器人等级考试三级理论真题 3级
  • 论文阅读:2024 EMNLP User Inference Attacks on Large Language Models
  • 【大模型系列篇】Qwen3开源全新一代大语言模型来了,深入思考,更快行动
  • OpenCV 图像处理核心技术 (第二部分)
  • Spring Boot 实现多种来源的 Zip 多层目录打包下载(本地文件HTTP混合)
  • 深入理解CSS显示模式与盒子模型
  • 麒麟(Kylin)系统下安装MySQL 8.4.5(离线版)
  • (32)VTK C++开发示例 ---背景纹理
  • C语言实现库函数strlen
  • 运维仙途 第1章 灵机突现探监控
  • Hbuilder 开发鸿蒙应用,打包成 hap 格式(并没有上架应用商店,只安装调试用)
  • HarmonyOS Next-DevEco Studio(5.0.2)无网络环境配置(详细教程)
  • Tailwind CSS实战技巧:从核心类到高效开发
  • HTML5 新增的主要标签整理
  • 基于C++的IOT网关和平台6:github项目ctGateway后台服务和数据模型
  • Vue3 Echarts 3D立方体柱状图实现教程
  • 夜读丨春天要去动物园
  • 欢迎回家!神十九返回舱成功着陆
  • 陈文清:推进扫黑除恶常态化走深走实,有力回应人民群众对安居乐业的新期待
  • 上汽集团一季度净利润30.2亿元,同比增长11.4%
  • 解放日报头版聚焦“人民城市”:共建共享展新卷
  • 上海通报5起违反中央八项规定精神问题