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

<View>
   <WebView source={{uri: ''}} style={{ backgroundColor:'transparent'}}/>
</View>

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

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

• javascript
• react-native
• webview

• 2 try giving the backgroundColor: 'transparent' to the View instead – displayname Commented Apr 12, 2019 at 18:53

1 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>