React Native - 具有透明背景的 WebView

Question

Is it an option to set transparent background to WebView element?

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

My HTML do ave transparent background, but it seems that the web view is still not transparent

Answer 1

Yes it works if you put style={{ backgroundColor:'transparent'} both in WebView and in the parent View

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