Flutter 오버레이 로더

6133 단어 flutterdevflutterdart


flutter_overlay_loader



로더를 관리하기 위한 간단한 Flutter 패키지
원격 데이터 또는 장기 실행 비동기 작업을 가져옵니다. Flutter 오버레이 로더는 사용하기 쉽습니다.
두 줄의 코드만 작성하여 로더를 표시할 수 있습니다.

Appbar를 오버레이하지 않는 오버레이 로더



BottomAppBar를 오버레이하지 않고 AppBar도 오버레이하지 않는 오버레이 로더



시작하기



설치 중




dependencies:
  flutter_overlay_loader: ^1.0.8


수입




import 'package:flutter_overlay_loader/flutter_overlay_loader.dart';


사용하는 방법



네트워크 호출을 시작할 때 이 코드 줄을 호출합니다.

Loader.show(context,progressIndicator:LinearProgressIndicator());


네트워크 호출을 마친 후 다음을 호출합니다.

Loader.hide();


이 로더를 사용자 정의할 수 있습니다..

Loader.show(context,
  isSafeAreaOverlay: false,
  isBottomBarOverlay: false,
  overlayFromBottom: 80,
  overlayColor: Colors.black26,
  progressIndicator: CircularProgressIndicator(backgroundColor: Colors.red),
  themeData: Theme.of(context)
    .copyWith(colorScheme: ColorScheme.fromSwatch().copyWith(secondary: Colors.green))
);


속성을 사용하여 로더가 표시되는지 여부를 확인할 수도 있습니다.


 and you can
prevent back pressed like this snippet:



```dart
WillPopScope(
  child: //TODO , 
  onWillPop:()async => !Loader.isShown
)


마지막으로 dispose 메서드에 대한 숨기기 메서드 호출을 삭제합니다.

@override
void dispose() {
  Loader.hide();

  super.dispose();
}

좋은 웹페이지 즐겨찾기