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

パッケージ詳細v0.0.2

slide_popup_dialog

スライド機構付きのポップアップダイアログ。AlertDialogやSimpleDialogのように使用します。

30日間ダウンロード
41
いいね数
108
Pub ポイント
40

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

flutter pub add slide_popup_dialog

パッケージ概要

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

スライドインアニメーションを備えたポップアップダイアログを提供するFlutterパッケージです。滑らかでインタラクティブなユーザー体験を実現します。AlertDialogやSimpleDialogなどの標準的なダイアログの動作を真似していますが、視覚フィードバックを強化するためのスライド遷移を追加しています。画面の端から表示される軽量でアニメーション付きのポップアップに最適です。カスタマイズをサポートしながらも、シンプルさと統合のしやすさを維持しています。既存のFlutterダイアログパターンとの互換性と直感的な使い勝手を意識して設計されています。

用途

  • インタラクティブなオンボーディングのヒント
  • クイックアクションのプロンプト
  • アニメーション付きのモーダルアラート
  • ユーザー確認ダイアログ
  • フォーム検証フィードバック

主な機能

  • スライドインアニメーション効果
  • AlertDialog に似たシンプルな API
  • カスタマイズ可能な外観
  • 軽量で高速
  • 標準のFlutterウィジェットと連携可能

適している対象

  • アニメーション対話を求める開発者
  • モダンなUIデザインを備えたアプリ
  • 繊細なトランジションを必要とするモバイルアプリ
  • インタラクティブ要素のプロトタイピング
  • 標準的なダイアログパターンを使用するプロジェクト

注意事項

  • 制限されたプラットフォーム固有の動作
  • 複雑なレイアウトの組み込みサポートなし
  • ダークモード用に追加のスタイリングが必要になる場合があります
  • 大容量のコンテンツに最適化されていません
  • アニメーションは低スペックデバイスのパフォーマンスに影響を与える可能性があります

元の README

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

slide_popup_dialog

Popup dialog with slide mechanism. Use it like AlertDialog or SimpleDialog.

Gif Example

How to use

  1. Add slide_popup_dialog to your package's pubspec.yaml, then intall it.

  2. Import package.

import 'package:slide_popup_dialog/slide_popup_dialog.dart' as slideDialog;
  1. Add this method to your State Widget.
void _showDialog() {
  slideDialog.showSlideDialog(
    context: context,
    child: Text("Hello World"),
  );
}

Code Example

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Press to open dialog"),
          onPressed: _showDialog,
        ),
      ),
    );
  }

  void _showDialog() {
    slideDialog.showSlideDialog(
      context: context,
      child: Text("Hello World"),
      barrierColor: Colors.white.withOpacity(0.7),
      pillColor: Colors.red,
      backgroundColor: Colors.yellow,
    );
  }
}

Gif Example

カテゴリー

ソースリポジトリ

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

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