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

Posted 2020-12-15 james_liang

在使用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>