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();
}
Reference
이 문제에 관하여(Flutter 오버레이 로더), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/spporan/flutter-overlay-loader-lda
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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
)
@override
void dispose() {
Loader.hide();
super.dispose();
}
Reference
이 문제에 관하여(Flutter 오버레이 로더), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/spporan/flutter-overlay-loader-lda텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)