패키지, 저장소 및 앱 카테고리 검색

load 표지
패키지 상세v1.0.0

load

전역 로딩 위젯, 순수한 플러터 라이브러리, 네이티브 코드를 사용하지 않습니다. 사용 방법은 OKToast와 유사합니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1.9천
좋아요
22
Pub 점수
130

패키지 설치

flutter pub add load

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

네이티브 코드에 의존하지 않고 전역 로딩 인디케이터를 제공하는 가벼운 순수 Flutter 로딩 위젯 패키지입니다. OKToast의 사용 방식을 영감으로 받아 앱 전체에서 로딩 상태를 간단하고 일관성 있게 표시할 수 있는 방법을 제공합니다. Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼과 호환됩니다. 비동기 작업 중 UI 레벨의 로딩 인디케이터를 관리하려는 개발자에게 이상적입니다.

사용 사례

  • API 호출 중 로딩 오버레이 표시
  • 데이터 가져오기 중 진행 상황 표시
  • 긴 실행 작업 중 사용자 피드백 향상
  • 다양한 플랫폼 간에 일관된 로딩 경험 제공
  • 수동 로딩 위젯을 글로벌 솔루션으로 대체하기

주요 기능

  • 전역 로딩 제어
  • 순수한 Dart 구현
  • 크로스 플랫폼 지원
  • OKToast와 유사한 간단한 API
  • 네이티브 코드 종속성 없음

적합한 대상

  • 크로스 플랫폼 Flutter 앱을 개발하는 개발자
  • 일관된 로딩 UX가 필요한 팀
  • 네이티브 플랫폼 통합을 피하는 프로젝트
  • 로딩 인디케이터를 위한 최소 설정을 필요로 하는 앱
  • UI 중심의 애플리케이션에서 자주 발생하는 비동기 작업

고려 사항

  • 적절히 처리되지 않으면 수동으로 종료해야 할 수 있습니다
  • 고급 토스트 라이브러리에 비해 사용자 정의가 제한적
  • 복잡한 로딩 애니메이션 또는 중첩된 로딩 상태에 적합하지 않습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

load

pub package GitHub

Global loading widget, which can be used through simple configuration.

Pure flutter library, not use native code.

It is similar to OKToast in use.

ScreenShot

Screenshot_2019-05-21-14-08-42-731_com.example.ex.png

Usage

  • install

Add to yaml

version is pub package

dependencies:
  load: $latest_version
  • import
import 'package:load/load.dart';
  • wrap your application
void main() {
  runApp(
    LoadingProvider(
      child: MyApp(),
    ),
  );
}

or

LoadingProvider(
  child: MaterialApp(),
);

Debug custom loading widget in Flutter inspector

You can try to use next method to include the widget:

MaterialApp(
  builder: (context, widget) {
    return LoadingProvider(
      child: widget,
    );
  },
);

see example/lib/main.dart

  • show or hide dialog
showLoadingDialog();
showCustomLoadingWidget(Container()); // custom dialog
hideLoadingDialog();

Advanced Usage

Custom Loading Widget

Using LoadingThemeData and loadingWidgetBuilder

LoadingProvider(
  themeData: LoadingThemeData(),
  loadingWidgetBuilder: (ctx, data) {
    return Center(
      child: SizedBox(
        width: 30,
        height: 30,
        child: Container(
          child: CupertinoActivityIndicator(),
          color: Colors.blue,
        ),
      ),
    );
  },
  child: MyApp(),
);

image

Custom some config

All params is optional

Params Type Default Value Desc
backgroundColor Color Colors.black54 Background transparent mask
tapDismiss bool true Will it close when touching the background?
loadingBackgroundColor Color Colors.white Background color for the center Loading Widget
loadingPadding EdgeInsets EdgeInsets.all(8.0) Padding for the center Loading Widget
loadingSize Size Size(55,55) Size for the center Loading Widget
animDuration Duration Duration(milliseconds: 300) Show/Hide Time Duration

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.