HarmonyOS React Native怎么让出底部导航栏的位置,用SafeAreaView没生效

在RN中View会延伸至底部导航栏,有什么办法能让出该区域吗?

HarmonyOS
2024-12-28 08:42:51
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以通过将底部导航条高度传给RN的方式修改样式,底部导航条高度获取可以参考一下内容:

window.getLastWindow(getContext(this), (err, win) => {
  win.getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR).bottomRect.height
})

getWindowAvoidArea参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-window-V5#getwindowavoidarea9

AvoidAreaType参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#avoidareatype7

SafeAreaView是RN官方提供的组件,且RN是为了适配刘海屏避免渲染到不可见部分,而下方导航条属于可见部分。

分享
微博
QQ
微信
回复
2024-12-28 10:16:56
相关问题
HarmonyOS 怎么去掉底部导航
507浏览 • 1回复 待解决
HarmonyOS 混淆没生效
312浏览 • 1回复 待解决
HarmonyOS 获取手机底部导航高度
553浏览 • 1回复 待解决
HarmonyOS 如何获取底部导航高度?
520浏览 • 1回复 待解决
HarmonyOS 如何让内容超出底部导航
276浏览 • 1回复 待解决
HarmonyOS 修改了APP名字和图标没生效
284浏览 • 1回复 待解决
HarmonyOS 怎么禁用原生导航
569浏览 • 1回复 待解决
HarmonyOS 怎么隐藏底部导航
355浏览 • 1回复 待解决
HarmonyOS上对导航怎么适配?
531浏览 • 1回复 待解决
input_enter_key_type设置没生效
6601浏览 • 1回复 待解决
HarmonyOS 底部系统导航怎么适配?
430浏览 • 1回复 待解决
HarmonyOS 适配 React native
742浏览 • 1回复 待解决
HarmonyOS 怎么设置无导航全局样式
337浏览 • 1回复 待解决