React Native WebView 状态栏

Question

如何解决 WebView 上的这个问题？

react-webview-issue

我的代码：

import * as React from 'react';
import { WebView } from 'react-native-webview';

export default class App extends React.Component {
   render() {
      return <WebView source={{ uri: 'https://foo.co' }} style={{ marginTop: 50 }} />;
   }
}

提前致谢！

Answer 1

这样做：

import * as React from 'react';
import { WebView } from 'react-native-webview';

export default class App extends React.Component {
   render() {
      return <>
       <StatusBar hidden={true} />                  
       <WebView source={{ uri: 'https://foo.co' }} style=     {{marginTop: 50 }} />
       </>;
   }
}

React Native WebView 状态栏

React Native WebView status bar

statusbar

webview

react-native