FlutterToast
1.0.0
플러터를위한 토스트 라이브러리
이제이 토스트 라이브러리는 두 BuildContext 종류의 토스트 메시지를 지원합니다 BuildContext
지원되는 플랫폼
- 기계적 인조 인간
- iOS
- 웹 (Toastify-JS 사용)
이것은 제한된 기능이 있으며 UI에 대한 제어가 없습니다.
지원되는 플랫폼
- 모두
# add this line to your dependencies
fluttertoast : ^8.2.10 import 'package:fluttertoast/fluttertoast.dart' ; Fluttertoast . showToast (
msg : "This is Center Short Toast" ,
toastLength : Toast . LENGTH_SHORT ,
gravity : ToastGravity . CENTER ,
timeInSecForIosWeb : 1 ,
backgroundColor : Colors .red,
textColor : Colors .white,
fontSize : 16.0
);| 재산 | 설명 | 기본 |
|---|---|---|
| MSG | 문자열 (null 아님) (필수) | 필수의 |
| 토스트 길이 | Toast.length_short 또는 Toast.length_long (선택 사항) | 토스트 .length_short |
| 중력 | Toastgravity.top (또는) Toastgravity.center (또는) Toastgravity.bottom (웹 전용 위, 하단 지원) | 토스트 그래피 |
| TimeInsecforiosweb | int (iOS & 웹 용) | 1 (SEC) |
| 배경 검색 | Colors.red | 널 |
| 텍스트 컬러 | 색상. 화이트 | 널 |
| 글꼴 크기 | 16.0 (플로트) | 널 |
| Fontasset | Flutter App Assets 폴더의 글꼴 파일로가는 경로, 예를 들어 '자산/Path/to/some-font.ttf'(String) | 널 |
| 웹 쇼 클로스 | 거짓 (bool) | 거짓 |
| WebBgColor | 문자열 (16 진수) | 선형 그레이드 (오른쪽, #00b09b, #96c93d) |
| 웹 위치 | 문자열 ( left , center 또는 right ) | 오른쪽 |
Fluttertoast . cancel ()Custom Toast는 Android 11 이상에서 작동하지 않으며 MSG 만 사용하고 남은 모든 속성은 무시됩니다 .
프로젝트 app/res/layout 폴더에서 toast_custom.xml 이라는 파일을 만들고 사용자 정의 스타일링을 수행하십시오.
<? xml version = " 1.0 " encoding = " utf-8 " ?>
< FrameLayout xmlns : android = " http://schemas.android.com/apk/res/android "
xmlns : tools = " http://schemas.android.com/tools "
android : layout_width = " wrap_content "
android : layout_height = " wrap_content "
android : layout_gravity = " center_horizontal "
android : layout_marginStart = " 50dp "
android : background = " @drawable/corner "
android : layout_marginEnd = " 50dp " >
< TextView
android : id = " @+id/text "
android : layout_width = " wrap_content "
android : layout_height = " wrap_content "
android : background = " #CC000000 "
android : paddingStart = " 16dp "
android : paddingTop = " 10dp "
android : paddingEnd = " 16dp "
android : paddingBottom = " 10dp "
android : textStyle = " bold "
android : textColor = " #FFFFFF "
tools : text = " Toast should be short. " />
</ FrameLayout > 컨텍스트 사용을 위해 아래와 같은 builder 로 MaterialApp 업데이트하십시오. 전 세계적으로 문서 검사 문서 섹션 컨텍스트에 NavigatorKey를 사용하십시오 (전 세계적으로 컨텍스트에 액세스하기 위해)
MaterialApp (
builder : FToastBuilder (),
home : MyApp (),
navigatorKey : navigatorKey,
), FToast fToast;
@override
void initState () {
super . initState ();
fToast = FToast ();
// if you want to use context from globally instead of content we need to pass navigatorKey.currentContext!
fToast. init (context);
}
_showToast () {
Widget toast = Container (
padding : const EdgeInsets . symmetric (horizontal : 24.0 , vertical : 12.0 ),
decoration : BoxDecoration (
borderRadius : BorderRadius . circular ( 25.0 ),
color : Colors .greenAccent,
),
child : Row (
mainAxisSize : MainAxisSize .min,
children : [
Icon ( Icons .check),
SizedBox (
width : 12.0 ,
),
Text ( "This is a Custom Toast" ),
],
),
);
fToast. showToast (
child : toast,
gravity : ToastGravity . BOTTOM ,
toastDuration : Duration (seconds : 2 ),
);
// Custom Toast Position
fToast. showToast (
child : toast,
toastDuration : Duration (seconds : 2 ),
positionedToastBuilder : (context, child) {
return Positioned (
child : child,
top : 16.0 ,
left : 16.0 ,
);
});
}
이제 _showToast() 로 전화하십시오.
자세한 내용은 example 프로젝트를 확인하십시오
| 재산 | 설명 | 기본 |
|---|---|---|
| 어린이 | 위젯 (null 아님) (필수) | 필수의 |
| 토스트 | 기간 (선택 사항) | |
| 중력 | 토스트 중력.* | |
| 위치에 따라 제조업체 | 위치에 따라 제조업체 | |
| 퇴색 | 지속 | 지속 시간 (밀리 초 : 350) |
| 무시하는 사람 | 부울 | 거짓 |
| isdismissible | 부울 | 거짓 |
컨텍스트에 NavigatorKey를 사용하려면 먼저 main.dart 파일의 최상위에서 GlobalKey<NavigatorState> 정의하십시오.
GlobalKey < NavigatorState > navigatorKey = GlobalKey < NavigatorState >(); FToast 초기화 할 때 Global GlobalKey<NavigatorState> 에서 컨텍스트를 사용해야합니다.
FToast fToast = FToast ();
fToast. init (yourNavKey.currentContext ! ); // To remove present shwoing toast
fToast. removeCustomToast ()
// To clear the queue
fToast. removeQueuedCustomToasts ();...
