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

GitHub リポジトリajomuch92/simple-fontelico-progress-dialog-flutter

simple-fontelico-progress-dialog-flutter

ローディングインジケータとテキストを含む小さなダイアログモーダルを表示するFlutterプロジェクト。

simple-fontelico-progress-dialog-flutter のプロジェクト画像
スター
9
フォーク
4
最終プッシュ(UTC)
2022/12/24
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

Simple Fontellico Progress Dialog ⌛

This package helps to render a progress dialog window with different types of loading indicator.

New Features 💥
  • Internal improvements.
  • Optional parameters on constructor.
  • Fixing bugs
  • Updating example

Instalation

Include simple_fontellico_progress_dialog in your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  simple_fontellico_progress_dialog: version
Demo Vertical Mode
Demo Horizontal Mode

Usage

To use this package, just import it into your file, create a new instance, pass the context as parameter(required).

import 'package:simple_fontellico_progress_dialog/simple_fontico_loading.dart';

...

SimpleFontelicoProgressDialog _dialog = SimpleFontelicoProgressDialog(context: context);
...

void showDialog() async{
  _dialog.show(message: 'Loading...', type: type);
  await Future.delayed(Duration(seconds: 1));
  _dialog.hide();
}

...

Constructor
Name Description Required Default
context Buildcontext to render the dialog True
barrierDimisable Boolean value to indicate barrierDimisable on dialog True

To show a dialog, use the show method, to hide it, use the hide method. Simple like that.

Properties used on show method
Name Description Required Default
message String to set a message into the dialog True
type Simple dialog type (normal, threeline, multiline, refresh, hurricane, phoenix, iphone) False normal
width Double value to set the dialog width False 100
height Double value to set the dialog height False 120
elevation Double value to set the dialog elevation False 5.0
radius Double value to set the dialog border radius False 5.0
backgroundColor Color value to set the dialog background color False Colors.white
indicatorColor Color value to set the indicator color False Colors.blue[600]
duration Duration value to animate loading indicator False 1000 miliseconds
horizontal Boolean value to set if loading has to show on horizontal False false
separation Double value to set the separation between loading and text False 10.0
textStyle Style to customize the text inside dialog False TextStyle(fontSize: 14)
textAlign Alignment of the message False TextAlign.center
hideText Boolean value to hide the text widget False false
loadingIndicator Widget to use when type is set on custom. False (Required when type is custom)
Properties used on updateMessageText method
Name Description Required Default
message String to update the message inside an opened dialgo True
Aarón J. Montes GitHub avatar
GitHub 作者

Aarón J. Montes ↗

System Engineer/Software developer

KSSComayagua, Honduras公式サイト ↗
言語C++DartCMakeHTMLCSwiftKotlinObjective-C

カテゴリー

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件

  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗