在开发中,0.57 版本的React Native,在某个页面用到了WebView组件,但是在部分Android机型(我这里是Mi 9)自己写的导航栏不显示问题:
通过 测试发现,导航栏是存在的,如果webview可以滑动,在webview 上下滑动时,导航栏是可以显示出来的。
解决方案 :通过用绝对定位,外加显示级别的方式,让其显示出来。
代码如下:
<View style ={[{backgroundColor:"#fff",position:'absolute',zIndex:2,top:0},Global.screenWidth]}>
<NavBar title= {title}
goBack={() => {this.props.navigation.goBack()}}
/>
</View>