react-native 页面使用WebView布满整个页面,导航栏不显示问题

在使用React Native开发中,在某个页面用到了WebView组件,但是在部分Android机型(我这里是小米8)自己写的导航栏不显示问题:

通过 测试发现,导航栏是存在的,如果webview可以滑动,在webview 上下滑动时,导航栏是可以显示出来的。

解决方案 :通过用绝对定位,外加显示级别的方式,让其显示出来。

<View #fff", position: 'absolute', zIndex: 999, top: 0 }]}>

<NaviBar

title="**详情"

hasSeperatorLine={false}

style={{

title: { color: '#333333', fontSize: 18, fontWeight: 'bold' },

container: { height: 44 },

}}

/>

</View>