You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Flutter应用UI在三星3键导航模式下与底部系统导航栏重叠问题求助

Flutter应用UI在三星3键导航模式下与底部系统导航栏重叠问题求助

各位Flutter大佬好,最近做项目碰到个糟心的问题,想过来求个解决思路🙏

环境信息

  • Flutter版本:3.35.6
  • Android嵌入模式:V2
  • 主Activity:MainActivity.java
  • 受影响设备:三星Galaxy A54(亲测其他三星A系列机型也能复现)
  • Android导航模式:3键导航
  • 系统版本:Android 16(One UI)

问题详情

我们的Flutter应用在三星设备开启3键系统导航时,底部UI直接“钻”到系统导航栏下面去了,具体表现为:

  • 应用内底部的按钮被系统导航栏遮挡了一部分,显示不全
  • 底部区域的组件点不动,应该是被导航栏盖住了
  • 同样的布局在其他品牌Android设备、iOS上都显示正常,唯独三星A系列开3键导航就出问题

不会触发该问题的场景

  • 设备开启手势导航模式时,UI显示完全正常
  • 在小米、华为这些非三星品牌的Android设备上运行时
  • 在iOS设备上运行时

我一开始以为是没处理安全区域,给底部加了SafeArea但好像没起作用?有没有朋友碰到过三星设备这种特殊情况?麻烦给点排查方向或者解决方法,谢谢大家!

补充下问题画面:截图里能看到应用底部的操作按钮被三星的返回、主页、多任务键挡住了一半,整体布局明显错位,看着特别别扭。

火山引擎 最新活动