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

パッケージ詳細v1.0.14

statusbarz

背景に基づいてステータスバーの色を動的に変更するためのFlutterパッケージ。静的カラーと画像に対応しています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
719
いいね数
69
Pub ポイント
150

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

flutter pub add statusbarz

パッケージ概要

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

Statusbarz は、基盤となる背景に応じてステータスバーの色を動的に調整できるFlutterパッケージです。固体色と画像の両方をサポートしています。異なるUIコンテキストで最適な可視性と美的一貫性を確保するために、ステータスバーの外観を自動的に調整します。クロスプラットフォーム対応として設計されており、Android、iOS、Web、macOS、Windows、Linuxでスムーズに動作します。各画面に対して手動で設定する必要なく、ステータスバーとアプリコンテンツ間の視覚的な調和を維持するプロセスを簡素化します。

用途

  • ダイナミックなテーマの適応
  • 画像ベースのステータスバーの色付け
  • クロスプラットフォームUIの一貫性
  • 強化されたビジュアルデザインの統合
  • 自動コントラスト調整

主な機能

  • 静的な色と画像をサポートしています
  • 自動コントラスト最適化
  • クロスプラットフォーム互換性
  • シンプルなAPI統合
  • リアルタイムの色の更新

適している対象

  • 変化する背景を持つアプリ
  • デザイン重視のアプリケーション
  • テーマ付きユーザーインターフェース
  • モバイルおよびデスクトップアプリ
  • 視覚的な仕上げを重視する開発者

注意事項

  • 最良の結果を得るためには、適切な背景コンテキストが必要です
  • 色以外のカスタマイズは限られている
  • 複雑なレイアウトには追加の処理が必要になる場合があります
  • 静的ステータスバーのデザインには適していません
  • プラットフォーム固有のレンダリング機能に依存します

元の README

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

statusbarz

[CI] style: mankeli analysis pub package License

"Buy Me A Coffee"

Features

A Flutter package for dynamically changing status bar color based on the background. Can be set up to automatically change the color whenever the current route is changed. It is also possible to manually refresh the color.

Usage

Place StatusbarzCapturer above your MaterialApp widget:

void main() {
  runApp(
    StatusbarzCapturer(
      child: MaterialApp(
        home: Container(),
      ),
    ),
  );
}

Now you can manually refresh status bar color by calling:

Statusbarz.instance.refresh();

Or alternatively you can refresh automatically when the current route changes. To do this, simply add Statusbarz.instance.observer to your MaterialApps navigatorObservers:

void main() {
  runApp(
    StatusbarzCapturer(
      child: MaterialApp(
        navigatorObservers: [Statusbarz.instance.observer],
        home: Container(),
      ),
    ),
  );
}

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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