Flutter 项目在设备安全区如何适配?

对比了我们 Flutter 项目的底部,安全区的索引条会挡住底部 icon。

HarmonyOS
2024-11-19 11:57:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

建议可以使用 getWindowAvoidArea 接口获取底部安全区的高度,通过padding撑开避让安全区;下面提供该接口使用用例:(​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/application-window-stage-V5​)

let type = window.AvoidAreaType.TYPE_SYSTEM; 
try { 
  let avoidArea = windowClass.getWindowAvoidArea(type); 
  let bottomHeight = avoidArea .bottomRect.height 
} catch (exception) { 
  console.error('Failed to obtain the area. Cause:' + JSON.stringify(exception)); 
}
分享
微博
QQ
微信
回复
2024-11-19 16:12:07
相关问题
HarmonyOS 安全区域失效
311浏览 • 1回复 待解决
HarmonyOS 安全区域问题
390浏览 • 1回复 待解决
HarmonyOS 安全区域出错
321浏览 • 1回复 待解决
HarmonyOS 设置安全区域不生效
329浏览 • 1回复 待解决
HarmonyOS scroll安全区域问题
355浏览 • 1回复 待解决
HarmonyOS WebView安全区域问题
133浏览 • 1回复 待解决
HarmonyOS 如何获取手机安全区域高度
327浏览 • 1回复 待解决
HarmonyOS 页面底部流出安全区
258浏览 • 1回复 待解决
关于屏幕安全区域的问题咨询
622浏览 • 1回复 待解决