码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-11 13:00:47      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:上下   部分   div   存在   oid   react   native   back   nat   

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

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

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

<View style={[{ backgroundColor: "#fff", position: ‘absolute‘, zIndex: 999, top: 0 }]}>
                    <NaviBar
                        title="**详情"
                        hasSeperatorLine={false}
                        style={{
                            title: { color: ‘#333333‘, fontSize: 18, fontWeight: ‘bold‘ },
                            container: { height: 44 },
                        }}
                    />
                </View>

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

标签:上下   部分   div   存在   oid   react   native   back   nat   

原文地址:https://www.cnblogs.com/james-L/p/12868303.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!