[Flutter] 플러터 로딩기능 구현 flutter_easyloading

2023-12-26

---

 

사진: Unsplash 의 Gerald Berliner

---

1. 라이브러리

 

사용 라이브러리는 flutter_easyloading이다. 해당 라이브러리는 명령어 하나로 손쉽게 로딩 기능을 구현할 수 있도록 도와준다.

---

2. 방법

 

pubspec.yaml 에 아래와 같이 의존성을 주입해 준다.

 

dependencies:
  flutter_easyloading: ^3.0.5

---

아래의 예제를 참고하여 자신의 MarteialApp에  builder: EasyLoading.init(), 부분을 추가해 준다. (해당 부분은 없으면 초기화 안됬다고 에러가 발생한다.)

 

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter EasyLoading',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter EasyLoading'),
      builder: EasyLoading.init(),
    );
  }
}

---

EasyLoading.showToast(...)는 옵션에 따른 로딩 애니메이션을 노출해 주고, EasyLoading.dismiss()는 현재 노출 중인 로딩 애니메이션을 제거해 주는 역할을 한다.

 

EasyLoading.show(status: 'loading...');

EasyLoading.showProgress(0.3, status: 'downloading...');

EasyLoading.showSuccess('Great Success!');

EasyLoading.showError('Failed with Error');

EasyLoading.showInfo('Useful Information.');

EasyLoading.showToast('Toast');

EasyLoading.dismiss();

---

3. 출처

 

옵션 및 버전 정보는 아래를 확인하자.

https://pub.dev/packages/flutter_easyloading/install

flutter_easyloading | Flutter Package

---

메인 이미지 출처 : 사진: Unsplash의Gerald Berliner