React Native-具有透明背景的WebView

Question

是否可以为WebView元素设置透明背景？

<View>
   <WebView source={{uri: 'https://www.demo.io'}} style={{ backgroundColor:'transparent'}}/>
</View>

我的HTML确实具有透明背景，但是Web视图似乎仍然不透明

Answer 1

是的，如果您将 style={{ backgroundColor:'transparent'} 放在 WebView 和父 View 中，它会起作用

<View style={{ backgroundColor:'transparent'}}>
  <WebView 
     source={{uri: 'https://www.demo.io'}} 
     style={{ backgroundColor:'transparent'}}
  />
</View>