在Android中为网络视图或摄像头添加覆盖

考虑以下react native的最小JSX示例：

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

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

  </View>

</WebView>

在iOS或Android emulator上运行，这将在红色的

WebView

上显示一个蓝色矩形。在我的Android设备上，蓝色矩形不会显示

这是Android中控件工作方式的一般限制，还是有办法让这个矩形显示在实际的Android设备上？目前我对如何调试这个问题没有任何线索

---

将

WebView

替换为简单的

视图

，这同样适用于Android设备。

这将解决您的问题

使用RelativeLayout，其中包含两个视图：一个覆盖视图和另一个web视图。两个视图将相互重叠。你会得到你想要的效果

<RelativeLayout>
   <WebView>
    //here webview
   </Webview>
   <ImageView>
    //here the overlay
   <ImagView>
</RelativeLayout>

//这里是webview
//这里是覆盖层

为什么不使用。有两个视图的相对布局一个覆盖另一个网页视图？好吧，我很笨。。。如果您添加了答案，我将立即接受…好的，我已将其作为答案发布。还有8分钟：）编辑了答案：）以便更好地理解。