如何从左到右滑动页面以便返回webview？

Question

在网页视图中，我想从左向右滑动页面以便返回，就像safari所做的那样。 我该怎么办？

Answer 1

TL / DR：目前，您需要第三方软件包。使用react-native-wkwebview-reborn包并将allowsBackForwardNavigationGestures道具设置为true。例如：

WebView.ios.js：

import React from 'react';
import WKWebView from 'react-native-wkwebview-reborn';

export default (props) => <WKWebView allowsBackForwardNavigationGestures {...props} />

WebView.js

import { WebView } from 'react-native';

export default WebView;

这是替代品，因此您无需更改太多代码。

<强>为什么：

React Native的WebView组件使用引擎盖下的UIWebView，Apple不再推荐该组件：

性能更差，并且不支持很多功能，例如3D Touch和向后滑动手势。

加入this discussion，以便对其核心组件进行原生更新。

Answer 2

您可以使用react-native-webview软件包。只需将allowsBackForwardNavigationGestures属性传递给WebView：

 import WebView from 'react-native-webview';

    <WebView
      allowsBackForwardNavigationGestures
      ...
    />