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

simple_speed_dial のカバー
パッケージ詳細v0.1.7

simple_speed_dial

Flutter用のシンプルなスピードダイヤル。希望するだけのスピードダイヤルオプションを使用できます。スピードダイヤルオプションの隣にラベルを表示できます。各FABの色を設定できます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
1430
いいね数
95
Pub ポイント
160

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

flutter pub add simple_speed_dial

パッケージ概要

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

軽量なFlutterパッケージで、カスタマイズ可能なスピードダイヤルウィジェットを提供し、ユーザーが複数のフローティングアクションボタン(FAB)を追加でき、オプションでラベルと個別の色設定も可能です。洗練されたコンパクトなインターフェースを持つアプリでのナビゲーション向上に最適です。スピードダイヤルはAndroid、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームをサポートしています。シンプルさと柔軟性を重視しており、既存のFlutterプロジェクトへの統合も容易です。

用途

  • 複数の操作への素早いアクセス
  • アプリのナビゲーションの向上
  • コンパクトなレイアウトにコンテキストオプションを追加する
  • FABの外観のカスタマイズ
  • インタラクティブなUI要素の作成

主な機能

  • 無制限の FAB オプションのサポート
  • FAB にオプションのラベル
  • FABごとのカスタマイズ可能な色
  • クロスプラットフォーム互換性
  • Flutter との簡単な統合
  • 応答性があり滑らかなアニメーション

適している対象

  • 最小限のスピードダイヤルソリューションを探している開発者
  • 迅速なアクションアクセスを必要とするアプリ
  • 柔軟な FAB レイアウトを望む UI デザイナー
  • 複数のプラットフォームをターゲットにするプロジェクト
  • Flutter初心者がFABパターンを探求する

注意事項

  • 複雑なレイアウトには追加のスタイル設定が必要になる場合があります
  • 制限された組み込みアニメーションカスタマイズ
  • 非常に動的なまたはデータ駆動のダイヤルには適していない
  • 静的または予測可能なアクションセットに最適
  • タップイベントの処理には手動操作が必要です

元の README

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

simple_speed_dial

A simple speed dial widget for Flutter.

Demonstration:

Demonstration

Usage:

Scaffold(
  floatingActionButton: SpeedDial(
    child: Icon(Icons.add),
    closedForegroundColor: Colors.black,
    openForegroundColor: Colors.white,
    closedBackgroundColor: Colors.white,
    openBackgroundColor: Colors.black,
    labelsStyle: /* Your label TextStyle goes here */,
    labelsBackgroundColor: Colors.white,
    controller: /* Your custom animation controller goes here */,
    speedDialChildren: <SpeedDialChild>[
      SpeedDialChild(
        child: Icon(Icons.directions_run),
        foregroundColor: Colors.white,
        backgroundColor: Colors.red,
        label: 'Let\'s start a run!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s start a run!\"';
          });
        },
        closeSpeedDialOnPressed: false,
      ),
      SpeedDialChild(
        child: Icon(Icons.directions_walk),
        foregroundColor: Colors.black,
        backgroundColor: Colors.yellow,
        label: 'Let\'s go for a walk!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s go for a walk!\"';
          });
        },
      ),
      //  Your other SpeedDialChildren go here.        
    ],
  ),
);

カテゴリー

ソースリポジトリ

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

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