Блог

У меня есть webview с видео, под webview у меня есть другой контент, проблема в том, что когда я нажимаю на полноэкранный режим внизу, не работает полноэкранный режим.

видео остается внутри представления.

под всем, что у меня есть для навигации по вкладкам, мне нужно скрыть и это

 import React, { useState, useEffect, component } from 'react';
import {View, Text, StyleSheet, ScrollView, Image} from 'react-native';
import { WebView } from 'react-native-webview';
import moment from 'moment';



    function Home(props){
        const  {navigation} = props;

    return (
             <View style={{flex:1}}>
                      <View style={{flex:1,padding:0,margin:0}}>
                        <WebView style={styles.webViewContent}
                        source={{ uri: 'https://urlvideo' }}
                        originWhitelist={['https://*']}
                        allowsFullscreenVideo={true}
                        allowsInlineMediaPlayback={true}
                        javaScriptEnabled={true}
                        scalesPageToFit={true}
                        domStorageEnabled={true}
                       
                        />
                      </View>
                      <View style={{flex:2}}>
                        <Text>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu mi, posuere a euismod a, 
                        blandit ut ex. Aliquam erat volutpat. Pellentesque a libero laoreet, vestibulum diam gravida, 
                        vehicula velit. 
                        Class aptent taciti sociosqu ad litora torquent per conubia nostra, 
                        per inceptos himenaeos. 
                        Morbi eleifend ornare massa in iaculis. 
                        Nam consectetur nunc in gravida laoreet. 
                        Aliquam vitae lacus ac magna varius convallis. 
                        Aenean venenatis sapien ut turpis posuere eleifend. 
                        Praesent a malesuada arcu. Curabitur et nunc massa. 
                        Proin sed dolor ac orci sodales accumsan. 
                        Morbi hendrerit nisl nunc, ac aliquet massa tincidunt a.
                        </Text>
                      </View>
            </View>
    );
    }
        const styles = StyleSheet.create({
        webViewContent: {
              flex:1,
              top:0,
              marginBottom:0,
              padding:0,margin:0,
           
            },
        });
export default Home;
  

У меня есть этот экран:

что мне нужно, так это когда я нажимаю на полноэкранный режим, видео занимает весь экран и скрывает другой контент и вкладку навигации

если вы хотите, чтобы видео занимало весь экран и перекрывало содержимое, вы должны разместить:

scrollEnabled={false}

 <WebView style={styles.webViewContent}
     source={{ uri: 'https://www.urlvideo.com/' }}
     originWhitelist={['https://*']}
     allowsFullscreenVideo={true}
     allowsInlineMediaPlayback={true}
     javaScriptEnabled={true}
     scalesPageToFit={true}
     domStorageEnabled={true}
     scrollEnabled={false}
/>