2016-04-21 37 views
2

考慮了反應母語以下,最小的JSX例如:在iOS或Android模擬器添加覆蓋到Web視圖或相機中的Android

<WebView style={{flex:1, backgroundColor: '#FF0000'}}> 

    <View style={{position: 'absolute', width: 30, height: 30, left: 10, top: 10, backgroundColor: '#0000FF'}}> 

    </View> 

</WebView> 

運行,這將顯示紅色WebView一個藍色的矩形。在我的Android設備上,藍色矩形不會顯示。

這是控件在Android中的工作方式的一般限制,還是有辦法讓這個矩形顯示在實際的Android設備上?目前我對如何調試這個問題沒有任何線索......

用一個簡單的View代替WebView,這也適用於Android設備。

+0

你爲什麼不使用。在其中有2個視圖的相對佈局是一個疊加和另一個Web視圖? –

+0

好吧,我很笨...如果你添加一個答案,我馬上就會接受... – Gene

+0

好吧,我已經發布它作爲答案。 –

回答

1

這將解決您的問題。

使用RelativeLayout和2個視圖中的一個疊加和其他一個Web視圖。兩個視圖將相互重疊。你會得到你想要的效果。

<RelativeLayout> 
    <WebView> 
    //here webview 
    </Webview> 
    <ImageView> 
    //here the overlay 
    <ImagView> 
</RelativeLayout> 
相關問題