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

loading_overlay_pro 표지
패키지 상세v2.1.1

loading_overlay_pro

Flutter 프로젝트용 간단한 위젯 래퍼 세트를 갖춘 새로운 Flutter 프로젝트입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
443
좋아요
35
Pub 점수
160

패키지 설치

flutter pub add loading_overlay_pro

패키지 개요

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

loading_overlay_pro는 Flutter 앱용으로 사용 가능한 사용자 정의 가능한 로딩 애니메이션을 제공하는 간단한 위젯 래퍼를 제공하는 Flutter 패키지입니다. 개발자가 어떤 위젯이나 화면 위에 쉽게 로딩 인디케이터를 표시할 수 있게 해주며, 비동기 작업 중 사용자 경험을 향상시킵니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux 등 여러 플랫폼을 지원하여 크로스플랫폼 프로젝트에 유연하게 활용할 수 있습니다. 최소한의 설정과 직관적인 API를 통해 기존 앱에 원활하게 통합되어 부드러운 애니메이션으로 로딩 상태를 표시합니다.

사용 사례

  • API 호출 중 로딩 오버레이 표시
  • 양식 또는 데이터 처리 중 진행 상황 표시
  • 네비게이션 전환 중 사용자 경험 향상
  • 백그라운드 작업 중 피드백 제공
  • 로딩 상태와 함께 풀투리프레시 구현

주요 기능

  • 사용자 정의 가능한 로딩 애니메이션
  • 기존 위젯과의 간편한 통합
  • 크로스 플랫폼 지원
  • 사용자 지정 가능한 오버레이 외관
  • 여러 로딩 유형 지원
  • 경량이며 성능이 뛰어남

적합한 대상

  • 크로스 플랫폼 Flutter 앱을 개발하는 개발자
  • 로딩 피드백을 우선시하는 사용자 경험 팀
  • 간단하면서도 우아한 로딩 인디케이터가 필요한 프로젝트
  • 자주 비동기 작업을 수행하는 앱
  • 프론트엔드 중심의 플러터 개발

고려 사항

  • 복잡한 UI를 위해 추가적인 스타일링이 필요할 수 있습니다
  • 완전한 맞춤형 솔루션과 비교해 사용자 정의 옵션이 제한되어 있음
  • 중첩 오버레이로 인한 성능 영향 가능성
  • 매우 애니메이션화되거나 상호작용적인 로딩 화면에는 적합하지 않음
  • 최적의 사용을 위해서는 적절한 상태 관리에 의존합니다

원본 README

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

loading_overlay_pro Pub

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

Then import the file to your project:

import 'package:loading_overlay_pro/loading_overlay_pro.dart'

Then add the following code:

 LoadingOverlayPro({
    Key key,
    @required this.isLoading,
    @required this.child,
    this.colorBackground = Colors.black54,
    this.progressIndicator = const LoadingBouncingLine.circle(),
  });

Or customize it even more!

LoadingBouncingLine.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 120.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

or add header and bottom

      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),

For more customization, please look inside the loading animation files.

Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Example

To run file example, please use flutter 1.19.x or 1.20.x

카테고리

의존성

의존성 목록 1 개

소스 저장소

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

아직 데이터가 없습니다.