stacked_webview 2.0.1

A Flutter package that provides a WebView with custom back navigation.

A Flutter package that provides a WebView with custom back navigation, managed via a stack of URLs. This allows users to go back in their browsing history without exiting the app, enhancing the standard WebView with custom navigation control.

Features

• Allows back navigation through browsing history managed via a stack.
• Prevents the app from closing when the back button is pressed if there’s previous browsing history.
• Compatible with the webview_flutter package for a seamless web browsing experience within Flutter apps.

Getting started

Add stacked_webview as a dependency in your pubspec.yaml file:

dependencies:
  stacked_webview: ^2.0.0

then run flutter pub get

Usage

To use StackedWebview, pass a WebViewController instance and the initial URL you want to load:

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyWebViewScreen(),
    );
  }
}

class MyWebViewScreen extends StatefulWidget {
  @override
  _MyWebViewScreenState createState() => _MyWebViewScreenState();
}

class _MyWebViewScreenState extends State<MyWebViewScreen> {
  late WebViewController _controller;

  @override
  void initState() {
    super.initState();
    _controller = WebViewController();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Stacked WebView Example'),
      ),
      body: StackedWebview(
        initialUrl: 'https://www.example.com',
      ),
    );
  }
}

Parameters

initialUrl (required): The initial URL to load in the WebView. appbar : You can give a custom appbar if you want to show above your webview

Additional information

How it Works

StackedWebview maintains a stack of URLs that the user visits. When the back button is pressed, it loads the previous URL in the stack, allowing users to navigate backward without closing the app.