React Native - 具有透明背景的 WebView

Question

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

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

我的 HTML 确实有透明背景，但网络视图似乎仍然不透明

Answer 1

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

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