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

ducafecatFlutter エコシステムナビ
flutter_split_view のカバー
パッケージ詳細v0.1.2

flutter_split_view

利用可能なスペースに基づいて画面を自動的に二つのビューに分割する Flutter ウィジェット。これは Navigator 2.0 を基盤としています。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
77
いいね数
30
Pub ポイント
150

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

flutter pub add flutter_split_view

パッケージ概要

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

Flutter Split View は、利用可能なスペースに基づいて画面を2つの調整可能なビューに自動的に分割する応答性のあるレイアウトウィジェットであり、ナビゲーター2.0 を使用してナビゲーションと状態管理を行います。さまざまなデバイスおよびプラットフォームでスムーズに動作する適応型UIの作成に最適です。このウィジェットは画面サイズや向きに応じてレイアウトを動的に調整し、マスター・ディテールパターンのようなダブルペインインターフェースに適しています。Android、iOS、Web、macOS、Windows、Linuxなど、すべての主要なFlutterプラットフォームをサポートしています。

用途

  • マスター・ディテールレイアウト
  • ダブルペインナビゲーション
  • レスポンシブダッシュボードデザイン
  • クロスプラットフォームタブレットUI
  • 適応型モバイルおよびデスクトップインターフェース

主な機能

  • スクリーンスペースに基づく自動レイアウト
  • Navigator 2.0 統合
  • すべてのFlutterプラットフォームをサポートしています
  • ダイナミックなビューのリサイズ
  • 組み込みの応答性動作
  • 既存のルートとの統合が簡単

適している対象

  • 応答性のあるアプリを開発する開発者
  • 複数のプラットフォームをターゲットにするチーム
  • スプリット画面機能を必要とするアプリ
  • 適応型レイアウトに焦点を当てるUIデザイナー
  • モダンなナビゲーションパターンを使用するプロジェクト

注意事項

  • Navigator 2.0 の理解が必要です
  • 複雑なレイアウトにはカスタムスタイルが必要になる場合があります
  • より大きな画面やタブレットに最適
  • 非標準的な分割に対するカスタマイズの制限
  • シンプルな単一ビュー アプリには適していません

元の README

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

flutter_split_view

A Navigator 2.0 based Flutter widget that automatically splits the screen into two views based on available space.

Demo

Usage
MaterialApp(
    title: 'SplitView Demo',
    home: SplitView.material(
        child: MainPage(),
    ),
);

Cupertino:

CupertinoApp(
    title: 'SplitView Demo',
    home: SplitView.cupertino(
        child: MainPage(),
    ),
);
Navigating
Push
SplitView.of(context).push(SecondPage());

Push with an optional title, which will be used as the back button's title in Cupertino:

SplitView.of(context).push(
    SecondPage(),
    title: 'Second',
);
Pop
SplitView.of(context).pop();

Pop until the n-th page:

SplitView.of(context).popUntil(1);
Set the page displayed in the secondary view
SplitView.of(context).setSecondary(SecondPage());

This will clear the stack and push the new page, making it the second page in the stack.

Get whether the secondary view is visible
SplitView.of(context).isSecondaryVisible;
Example

カテゴリー

応答性のあるUIレイアウトとオーバーレイ

ソースリポジトリ

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

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