React Native - 具有透明背景的 WebView

【问题标题】：React Native - WebView with Transparent backgroundReact Native - 具有透明背景的 WebView
【发布时间】：2019-04-11 14:23:33
【问题描述】：

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

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

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

【问题讨论】：

尝试将backgroundColor: 'transparent' 改为View

标签： javascript react-native webview

【解决方案1】：

是的，如果您将 style={{ backgroundColor:'transparent'} 同时放在 WebView 和父视图中，它就可以工作

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

【讨论】：