Revision history [back]

To enable downloads in a Flutter WebView, you need to follow these steps:

1. Add the webview_flutter package to your project. You can do this by adding the following line to your pubspec.yaml file:

dependencies:
  webview_flutter: ^2.0.10

1. Import the package in your Dart code:

import 'package:webview_flutter/webview_flutter.dart';

1. Create a WebView widget and set the javascriptMode property to JavascriptMode.unrestricted to enable JavaScript:

WebView(
  initialUrl: 'https://example.com',
  javascriptMode: JavascriptMode.unrestricted,
),

1. Add a NavigationDelegate to the WebView to handle download requests:

WebView(
  initialUrl: 'https://example.com',
  javascriptMode: JavascriptMode.unrestricted,
  navigationDelegate: (NavigationRequest request) {
    if (request.url.endsWith('.pdf')) {
      // Handle PDF download
      // You can open the PDF using a PDF viewer or save it to the local device
      return NavigationDecision.prevent;
    } else {
      // Allow all other navigation requests
      return NavigationDecision.navigate;
    }
  },
),

In the navigationDelegate function, you can check if the requested URL is a download link (e.g. it ends with .pdf, .doc, or other file extensions). You can then handle the download using any method you want, such as opening the file in a third-party app or saving it to the local device.

Note that some websites may use special download links or JavaScript functions to initiate downloads, so you may need to use a more complex approach to detect and handle these cases.