パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v1.4.0

native_webview

Android および iOS で WebView ウィジェットを提供する Flutter プラグインです。

AndroidiOS
30日間ダウンロード
89
いいね数
29
Pub ポイント
130

パッケージをインストール

flutter pub add native_webview

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

AndroidおよびiOSのモバイルアプリ内にネイティブWebViewを使用してWebコンテンツを埋め込むためのFlutterプラグインです。ウェブページの表示に簡単なウィジェットインターフェースを提供し、基本的なナビゲーション、JavaScriptとのインタラクション、URLの読み込みをサポートしています。サードパーティソリューションに頼らず、Flutterアプリケーションに直接Webベースのコンテンツを統合したい開発者向けに設計されています。プラグインは、最適なパフォーマンスと互換性を実現するために、プラットフォーム固有のWebView実装を利用しています。

用途

  • モバイルアプリにウェブコンテンツを埋め込む
  • 動的Webページの表示
  • Webベースのフォームやダッシュボードの統合
  • ハイブリッドアプリコンポーネントの作成
  • アプリ内での外部ウェブサイトの読み込み

主な機能

  • Android および iOS でのネイティブ WebView 統合
  • ウェブコンテンツ表示用のシンプルなウィジェットAPI
  • JavaScript の実行と通信をサポートしています
  • URLの読み込みとナビゲーションを処理する
  • プラットフォーム最適化のレンダリングとパフォーマンス

適している対象

  • ハイブリッドアプリを開発する開発者
  • 埋め込みWebコンテンツを必要とするアプリ
  • WebベースのUIコンポーネントを備えたプロジェクト
  • 軽量なWebViewソリューションが必要なチーム
  • 外部Web統合を備えたモバイルアプリ

注意事項

  • Android および iOS プラットフォームに限定
  • Web またはデスクトップのサポートなし
  • Web セキュリティおよび権限の適切な処理が必要です
  • クッキーまたは認証などの高度な機能を使用するには、追加の構成が必要になる場合があります
  • ネイティブのWebView実装の安定性に依存しています

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

native_webview Pub Version

A Flutter plugin that allows you to add an inline WebView.

Motivation

There is already a useful library for working with WebViews in Flutter.

These libraries come with trade-offs such as simple implementation but lack features, or very advanced features and complex implementation.

native_webview is designed to provide users with a standard set of WebView features provided by iOS and Android while keeping the implementation simple.

Requirements

  • Dart: >=2.10.0 <3.0.0
  • Flutter: >=1.22.0 <2.0.0
  • Android: minSdkVersion 24, AndroidX, Kotlin, Chrome version >= 74.0.3729.185
  • iOS: iOS version >= 11.0, Xcode version >= 11, Swift

Getting Started

Usage
class InitialUrlScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Initial URL"),
      ),
      body: WebView(
        initialUrl: "https://flutter.dev",
      ),
    );
  }
}

If you want to see other examples, see example or see DartDoc.

Known issues

Run tests

  • There are tests in `example/integration_test/tests
  • You will need to launch the iOS simulator or Android emulator
make test

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。