flutter_web_browser

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Plugin, das das Öffnen von Webseiten mit plattformspezifischen Browserkomponenten ermöglicht: Chrome Custom Tabs unter Android und SFSafariViewController unter iOS. Es bietet eine nahtlose, native Art der Browsing-Erfahrung, ohne die App verlassen zu müssen. Das Paket ist leichtgewichtig und lässt sich problemlos in bestehende Flutter-Projekte integrieren. Es unterstützt Deep Linking und bewahrt den Benutzerkontext während der Navigation. Ideal für Apps, die sichere, markengebundene Web-Ansichten mit minimalem Overhead benötigen.

Anwendungsfälle

Externe Links in-app öffnen
Webinhalte sicher einbetten
Weiterleitung von Benutzern zu Anmelde- oder Zahlungsseiten
Hilfe oder Nutzungsbedingungen anzeigen
Verbesserung der Benutzerengagement mit nativer Browser-Oberfläche

Hauptmerkmale

Chrome Custom Tabs auf Android
SFSafariViewController auf iOS
Sichere, native Browsing-Erfahrung
Minimale App-Umschaltung
Unterstützt Tiefverknüpfungen
Einfache Integration mit Flutter

Geeignet für

Apps, die sichere Web-Navigation erfordern
Entwickler, die natives Browser-Verhalten wünschen
Projekte mit externen Inhalt-Links
Mobile-first-Anwendungen
UX-orientierte Apps, die reibungslose Übergänge priorisieren

Hinweise

Erforderlich für vollständige Funktionalität unter Android SDK 21+
iOS 9+ erforderlich für SFSafariViewController
Eingeschränkte Anpassungsmöglichkeiten im Vergleich zu vollständigem WebView
Kein Offline-Support für Webinhalte
Abhängig von der Verfügbarkeit des Systembrowsers

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Pakete, Repositories und App-Kategorien suchen