阻止React-native WebView下载

import React, { useRef } from 'react';
import { WebView } from 'react-native';

const MyWebView = () => {
  const webViewRef = useRef(null);

  const onShouldStartLoadWithRequest = (event) => {
    const { url } = event;

    // 检查请求的URL类型，如果是文件下载链接，则返回false来阻止加载
    if (url.endsWith('.pdf') || url.endsWith('.doc') || url.endsWith('.zip')) {
      return false;
    }

    return true;
  };

  return (
    <WebView
      ref={webViewRef}
      source={{ uri: 'https://example.com' }}
      onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
    />
  );
};

export default MyWebView;

import React, { useRef } from 'react';
import { WebView, WebViewCustomLoadRequestEvent } from 'react-native';

const MyWebView = () => {
  const webViewRef = useRef(null);

  const onCustomLoadRequest = (event: WebViewCustomLoadRequestEvent) => {
    const { navigationType, url } = event;

    // 检查请求的URL类型，如果是文件下载链接且导航类型为其他导航（不是点击链接），则返回false来阻止加载
    if (
      (url.endsWith('.pdf') || url.endsWith('.doc') || url.endsWith('.zip')) &&
      navigationType !== 'click'
    ) {
      return { cancel: true };
    }

    return { cancel: false };
  };

  return (
    <WebView
      ref={webViewRef}
      source={{ uri: 'https://example.com' }}
      onCustomLoadRequest={onCustomLoadRequest}
    />
  );
};

export default MyWebView;