Flutter webview swipe back

by



Flutter WebView Swipe Back

In order to enable swipe back functionality in a Flutter WebView, you can utilize the gestureNavigationEnabled property of the WebView widget.

The gestureNavigationEnabled property allows users to navigate back and forward using swipe gestures.

Here’s an example of how you can enable swipe back in a Flutter WebView:


import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Flutter WebView Swipe Back'),
),
body: WebView(
initialUrl: 'https://example.com',
gestureNavigationEnabled: true,
),
),
);
}
}

In this example, the WebView widget is wrapped in a Scaffold and displayed as the body of the app. The gestureNavigationEnabled property is set to true to enable swipe back functionality.

Make sure to include the webview_flutter package in your pubspec.yaml file and import it in your project to use the WebView widget.

With this implementation, users will be able to navigate back in the WebView by swiping from the left edge of the screen.

Leave a comment