React Native WebView 状态栏

Posted 2023-04-18

【中文标题】React Native WebView 状态栏

【英文标题】：React Native WebView status bar

【发布时间】：2020-07-19 16:17:58

【问题描述】：

如何在 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  />;
   
 

提前谢谢你！

【参考方案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  />
       </>;
   
 

【讨论】：

解决了！谢谢，我想添加一种颜色，但参数 BackgroundColor 不起作用。你有什么想法吗？

是的，它有效..

是的，已经完成了，但是 BackgroundColor 对我不起作用。没有变化。

我的错字：因为 backgroundColor 道具仅适用于 android，而 barStyle 道具仅适用于 ios。