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

draggable_fab のカバー
パッケージ詳細v0.1.4

draggable_fab

画面の任意の端にドラッグできるドロップ可能なFABラッパー小道具。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
2490
いいね数
61
Pub ポイント
140

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

flutter pub add draggable_fab

パッケージ概要

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

FloatingActionButton をラップする Flutter ウィジェットで、画面の任意の端にドラッグできるようにします。FAB の動的な位置指定を可能にすることで、ユーザーインタラクションを強化し、さまざまな画面向きやサイズでのアクセシビリティと UI の柔軟性を向上させます。カスタマイズ可能なフローティングアクションコントロールが必要なアプリに最適です。このパッケージは、Android、iOS、Web、macOS、Windows、Linux などの主要プラットフォームをすべてサポートしています。

用途

  • カスタマイズ可能な FAB の配置
  • モバイルアプリにおけるアクセシビリティの向上
  • ダイナミックUIレイアウト
  • 浮動ボタンによるユーザーインタラクションの向上
  • 異なる画面サイズに合わせた FAB の調整

主な機能

  • 画面の任意の端までドラッグ可能
  • クロスプラットフォーム対応
  • 既存の FAB との簡単な統合
  • レスポンシブデザインの適応
  • スムーズなドラッグアニメーション

適している対象

  • モバイルアプリ開発者
  • インタラクティブな要素を探しているUI/UXデザイナー
  • 柔軟なフローティング操作を必要とするアプリ
  • 複数のプラットフォームをターゲットにする開発者
  • 動的なインターフェース要件を備えたプロジェクト

注意事項

  • 追加のジェスチャー処理が必要になる場合があります
  • 低スペックデバイスへのパフォーマンスへの影響
  • エッジ配置以外のカスタマイズは限定的
  • 複雑なドラッグ動作には適していません
  • ドラッグ中の他のUI要素との潜在的な重複

元の README

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

draggable_fab

A Draggable FAB wrapper widget which can dragged to any edge of the screen.

Installation

Add draggable_fab: ^0.1.4 in your pubspec.yaml dependencies. And import it:

import 'package:draggable_fab/draggable_fab.dart';

How to use

Create a standalone widget e.g. Floating Action Bar widget :

DraggableFab(
        child: FloatingActionButton(
          onPressed: _incrementCounter,
          child: Icon(Icons.add),
        ),
      );

demo.gif

カテゴリー

ソースリポジトリ

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

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