Блог

Главная - Вопросы по программированию - React Native — веб-просмотр с прозрачным фоном

React Native — веб-просмотр с прозрачным фоном

#javascript #react-native #webview

#javascript #react-native #webview

Вопрос:

Можно ли установить прозрачный фон для элемента WebView?

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

Мой HTML не имеет прозрачного фона, но кажется, что веб-просмотр по-прежнему непрозрачен

Комментарии:

1. попробуйте backgroundColor: 'transparent' View вместо этого передать

Ответ №1:

Да, это работает, если вы размещаете style={{ backgroundColor:'transparent'} как в WebView, так и в родительском представлении

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