Блог

Я пытаюсь запустить свое приложение react-native, которое использует последнюю версию react-native-webview на Android версии 7, и веб-представление пустое, это потому, что я пытаюсь запустить на устройстве Android версии 7?

Хорошо, приведенный выше ответ на вопрос заключается в том, что webview работает под Android версии 7, так что это решено.

Но теперь я понимаю:

 a blank screen
 

мой html-это:

 <div class="pure-g">

      <!-- Video area -->
      <div class="pure-u-2-3" id="video-container">
          <video id="v1" autoplay></video>
          <video id="v2" muted="true" autoplay></video>
      </div>

      <!-- Steps -->
      <div class="pure-u-1-3">
          <h2>PeerJS Video Chat</h2>

          <!-- Get local audio/video stream -->
          <div id="step1">
              <p>Please click allow on the top of the screen so we can access your webcam and microphone for calls.</p>
              <div id="step1-error">
                  <p>Failed to access the webcam and microphone. Make sure to run this demo on an http server and click allow when asked for permission by the browser.</p>
                  <a href="#" class="pure-button pure-button-error" id="step1-retry">Try again</a>
              </div>
          </div>

          <!-- Make calls to others -->
          <div id="step2">
              <p>Your id: <span id="my-id">...</span></p>
              <p>Share this id with others so they can call you.</p>
              <h3>Make a call</h3>
              <div class="pure-form">
                  <input type="text" placeholder="Call user id..." id="callto-id">
                  <a href="#" class="pure-button pure-button-success" id="make-call">Call</a>
              </div>
          </div>

          <!-- Call in progress -->
          <div id="step3">
              <p>Currently in call with <span id="their-id">...</span></p>
              <p><a href="#" class="pure-button pure-button-error" id="end-call">End call</a></p>
          </div>
      </div>
  </div>




    <SafeAreaView style={{flex: 1}}>
    <WebView style={{flex: 1, width:'100%', height:'100%',}}
  originWhitelist={['*']}
 html ={html}
  ignoreSslError={true}
  style={{marginTop: 20}}
  javaScriptEnabled={true}
  domStorageEnabled={true}
  useWebKit={true}
  startInLoadingState={true}
  scalesPageToFit={true}
  allowFileAccess={true}
  allowUniversalAccessFromFileURLs={true}
/>
    </SafeAreaView>