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
})
  • 1.
  • 2.
  • 3.

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 怎么去掉底部导航
1033浏览 • 1回复 待解决
HarmonyOS 混淆没生效
588浏览 • 1回复 待解决
HarmonyOS 获取手机底部导航高度
1073浏览 • 1回复 待解决
HarmonyOS 如何获取底部导航高度?
946浏览 • 1回复 待解决
HarmonyOS 如何让内容超出底部导航
627浏览 • 1回复 待解决
HarmonyOS 修改了APP名字和图标没生效
615浏览 • 1回复 待解决
HarmonyOS 怎么禁用原生导航
964浏览 • 1回复 待解决
HarmonyOS 怎么隐藏底部导航
720浏览 • 1回复 待解决
input_enter_key_type设置没生效
6945浏览 • 1回复 待解决
HarmonyOS上对导航怎么适配?
928浏览 • 1回复 待解决
HarmonyOS 底部系统导航怎么适配?
860浏览 • 1回复 待解决
HarmonyOS 适配 React native
1194浏览 • 1回复 待解决