在頁面呈現前將JavaScript或CSS注入React Native WebView

我想隱藏我嵌入到React Native WebView中的特定頁面的標題。目前，我用這樣的事情，動態刪除頁眉：在頁面呈現前將JavaScript或CSS注入React Native WebView

<WebView 
    ... some other props ... 
    injectedJavaScript={'function hideHead(){document.getElementById("head").style.display="none";};hideHead();'} 
    />

有時候，你仍然可以看到頭閃爍，所以我想在web視圖頁面加載後，這個JavaScript被評估。

是否有可能以某種方式在頁面呈現之前添加/注入JavaScript或CSS以移除閃爍？

來源

2015-11-20 Narigo

也許你可以在隱藏的反應原生視圖中呈現webview，然後顯示webview –

我希望用戶能夠關注WebView內部的鏈接。如果它總是變成一個新的WebView，它會不會很好呢？現在它注入了加載到WebView中的每個頁面中的JS，但有時仍然會看到閃爍的標題。 – Narigo

如果您顛倒邏輯，首先隱藏標題，然後在不在WebView中時顯示它，您會獲得更好的結果嗎？ –

我找不到在頁面加載之前注入JavaScript或CSS的方法。

要解決閃爍的問題，我把另一個View放在WebView之上，而它仍處於loading狀態。可以使用onNavigationStateChanged回調來確定頁面是否已加載。我放在上面的View只顯示ActivityIndicatorIOS。

來源

2015-11-22 17:41:12 Narigo

你能提供一個關於如何實現它的示例代碼嗎？謝謝 –

在頁面呈現前將JavaScript或CSS注入React Native WebView

回答

相關問題