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但好像没起作用?有没有朋友碰到过三星设备这种特殊情况?麻烦给点排查方向或者解决方法,谢谢大家!
补充下问题画面:截图里能看到应用底部的操作按钮被三星的返回、主页、多任务键挡住了一半,整体布局明显错位,看着特别别扭。




