在应用本机网络视图中以react-native

时间:2019-04-10 13:50:07

标签: reactjs react-native webview google-oauth google-login

我已经在 react-native 中实现了网络视图

  • 在网络视图中打开网站,例如(example.com)
  • 在(example.com/login)上显示一个Google登录按钮

我正在尝试通过网络视图登录并在应用程序内的网络视图中打开整个网站

  <View style={{ flex: 1 }}>
    <WebView
      source={{
        uri: "https://example.com"
      }}
      style={{flex: 1}}
    />
  </View>

当我尝试单击google登录按钮时,出现此错误

enter image description here

1 个答案:

答案 0 :(得分:0)

在我的情况下,您必须将用户代理User agent 设为私有

<WebView
userAgent={DeviceInfo.getUserAgent() + " - MYAPPNAME - android "}   
ref={"WEBVIEW"}
automaticallyAdjustContentInsets={false}
source={{uri: this.state.url}} />