FLUTTER ECOSYSTEM

aligorithm/easy_loader

Flutter에서 간단한 전체 화면 로더를 처리하는 가장 쉬운 방법. Dart로 작성됨.

easy_loader 프로젝트 이미지
Stars
5
Forks
3
최근 푸시(UTC)
2021. 12. 2.
프로젝트 상태
활성
Aliyu Yisa GitHub avatar
GITHUB User

Aliyu Yisa ↗

Learn, experiment, build!

University of SalfordGreater Manchester
언어DartHTMLSwiftKotlinObjective-C

기술 주제

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 2 개
  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

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.