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

GitHub リポジトリaligorithm/easy_loader

easy_loader

Flutterでシンプルなフルスクリーンローダーを扱う最も簡単な方法。Dartで書かれています。

easy_loader のプロジェクト画像
スター
5
フォーク
3
最終プッシュ(UTC)
2021/12/02
プロジェクト状態
公開中

元の README

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

EasyLoader

The easiest way to handle a simple full screen loader in Flutter. Written in Dart. Fully customizable.

Screenshot

Getting Started

Add this to your package's pubspec.yaml file

dependencies:
  easy_loader: ^1.0.3

Usage

Next, you just have to import the package using:

import 'package:easy_loader/easy_loader.dart';

Then wrap your body within a Stack and place the EasyLoader() widget at the end of the Stack

  Widget build(BuildContext context) {
    return Scaffold(
      //// Wrap your body in a stack
      body: Stack(
        children: <Widget>[
          Center(
            child: Text("Lorem Ipsum"),
          ),
          //// Put the loader widget at the end of the stack. You can set it to appear based on a boolean. E.g. a loading flag.
          EasyLoader(image: AssetImage('assets/loading.png'),)
        ],
      ),
    );
  }

All done! You can customize other things like the icon size, background color, icon color and the animation by passing the values into the constructor.

Aliyu Yisa GitHub avatar
GitHub 作者

Aliyu Yisa ↗

Learn, experiment, build!

University of SalfordGreater Manchester
言語DartHTMLSwiftKotlinObjective-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 ↗