flutter_web_browser

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

안드로이드에서는 Chrome 커스텀 탭과 iOS에서는 SFSafariViewController을 사용하여 플랫폼별 브라우저 컴포넌트를 통해 웹 페이지를 열 수 있는 플러터 플러그인입니다. 앱을 벗어나지 않고 원활하고 네이티브에 가까운 브라우징 경험을 제공합니다. 패키지는 가볍고 기존 플러터 프로젝트와 쉽게 통합할 수 있습니다. 딥 링크를 지원하며 탐색 중에도 사용자 컨텍스트를 유지합니다. 보안성과 브랜딩된 웹 보기 기능이 필요하면서도 오버헤드를 최소화해야 하는 앱에 적합합니다.

사용 사례

앱 내에서 외부 링크 열기
웹 콘텐츠를 안전하게 임베드하기
사용자를 로그인 또는 결제 페이지로 리디렉션하는 것
도움말 또는 이용 약관 표시
네이티브 브라우저 UI를 통한 사용자 참여도 향상

주요 기능

안드로이드의 크롬 커스텀 탭
iOS의 SFSafariViewController
안전한 네이티브 브라우징 경험
최소한의 앱 전환
딥 링크를 지원합니다
Flutter와의 간편한 통합

적합한 대상

안전한 웹 탐색이 필요한 앱
네이티브 브라우저 동작을 원하는 개발자
외부 콘텐츠 링크를 포함한 프로젝트
모바일 우선 애플리케이션
원활한 전환을 우선시하는 사용자 경험 중심 앱

고려 사항

완전한 기능을 위해서는 Android SDK 21 이상이 필요합니다
SFSafariViewController 사용에는 iOS 9 이상이 필요합니다
완전한 WebView에 비해 사용자 지정이 제한됨
웹 콘텐츠에 대한 오프라인 지원 없음
시스템 브라우저 사용 가능 여부에 따라 다릅니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

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.

패키지, 저장소 및 앱 카테고리 검색