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

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

阅读 610
1 个回答

可以通过将底部导航条高度传给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是为了适配刘海屏避免渲染到不可见部分,而下方导航条属于可见部分。