flutter_web_browser

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter plugin that enables opening web pages using platform-specific browser components: Chrome Custom Tabs on Android and SFSafariViewController on iOS. It provides a seamless, native-like browsing experience without leaving the app. The package is lightweight and integrates easily with existing Flutter projects. It supports deep linking and maintains user context during navigation. Ideal for apps needing secure, branded web viewing with minimal overhead.

Use cases

Opening external links in-app
Embedding web content securely
Redirecting users to login or payment pages
Displaying help or terms of service
Enhancing user engagement with native browser UI

Key features

Chrome Custom Tabs on Android
SFSafariViewController on iOS
Secure, native browsing experience
Minimal app switching
Supports deep links
Easy integration with Flutter

Suitable for

Apps requiring secure web navigation
Developers wanting native browser behavior
Projects with external content links
Mobile-first applications
UX-focused apps prioritizing smooth transitions

Considerations

Requires Android SDK 21+ for full functionality
iOS 9+ required for SFSafariViewController
Limited customization compared to full WebView
No offline support for web content
Depends on system browser availability

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

A flutter plugin to open a web page with Chrome Custom Tabs & SFSafariViewController.

This plugin is under development, APIs might change.

Getting Started

Installation

Install the library from pub:

dependencies:
  flutter_web_browser: "^0.17.3"

Import the library

import 'package:flutter_web_browser/flutter_web_browser.dart';

Open the web page

FlutterWebBrowser.openWebPage(
  url: "https://flutter.io/",
  customTabsOptions: const CustomTabsOptions(
    colorScheme: CustomTabsColorScheme.dark,
    toolbarColor: Colors.deepPurple,
    secondaryToolbarColor: Colors.green,
    navigationBarColor: Colors.amber,
    shareState: CustomTabsShareState.on,
    instantAppsEnabled: true,
    showTitle: true,
    urlBarHidingEnabled: true,
  ),
  safariVCOptions: const SafariViewControllerOptions(
    barCollapsingEnabled: true,
    preferredBarTintColor: Colors.green,
    preferredControlTintColor: Colors.amber,
    dismissButtonStyle: SafariViewControllerDismissButtonStyle.close,
    modalPresentationCapturesStatusBarAppearance: true,
  ),
);

License

This project is licensed under the terms of the MIT license.

Search packages, repositories and app categories