react-native 頁面使用WebView布滿整個頁面,導航欄不顯示問題


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM