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

tan*_*xin 8 react-native

在Web视图中,我想从左向右滑动页面以便返回,就像safari所做的那样.我该怎么办?

Dav*_*vid 7

您可以使用react-native-webview包。只需将allowsBackForwardNavigationGesturesprop传递给WebView

 import WebView from 'react-native-webview';

    <WebView
      allowsBackForwardNavigationGestures
      ...
    />
Run Code Online (Sandbox Code Playgroud)


Bru*_*mos 5

TL / DR:当前,您需要一个第三方软件包。使用react-native-wkwebview-reborn软件包并将allowsBackForwardNavigationGesturesprop 设置 为true。例:

WebView.ios.js

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

export default (props) => <WKWebView allowsBackForwardNavigationGestures {...props} />
Run Code Online (Sandbox Code Playgroud)

WebView.js

import { WebView } from 'react-native';

export default WebView;
Run Code Online (Sandbox Code Playgroud)

它是直接替代品,因此您无需更改太多代码。


为什么:

WebViewReact Native 的组件在后台使用UIWebView,Apple不再推荐使用:

wkwebview

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

加入此讨论,以便响应本机更新其核心组件。