FlutterToast

Fluttertoast

Perpustakaan roti panggang untuk flutter

Sekarang Perpustakaan Toast ini mendukung dua jenis pesan roti panggang satu yang membutuhkan BuildContext lainnya tanpa BuildContext

Toast tanpa konteks

Platform yang didukung

• Android
• IOS
• Web (menggunakan Toastify-Js)

Yang ini memiliki fitur terbatas dan tidak ada kontrol atas UI

Toast yang membutuhkan buildContext

Platform yang didukung

• SEMUA

1. Kontrol penuh roti panggang
2. Toasts akan antri
3. Hapus roti panggang
4. Hapus antriannya

Cara menggunakan

 # add this line to your dependencies
fluttertoast : ^8.2.10 

 import 'package:fluttertoast/fluttertoast.dart' ;

Toast With No Build Context (Android & iOS)

 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
    );

milik	keterangan	bawaan
msg	String (bukan null) (diperlukan)	diperlukan
Toastlength	Toast.length_short atau toast.length_long (opsional)	Toast.length_short
gaya berat	Toastgravity.top (or) toastgravity.center (or) toastgravity.bottom (web hanya mendukung atas, bawah)	Toastgravity.bottom
TimeInsecforiosweb	int (untuk iOS & web)	1 (detik)
latar belakang warna	Colors.red	batal
TextColor	Warna.hite	batal
fontsize	16.0 (float)	batal
fontasset	Jalur ke file font di folder aset App Flutter, misalnya 'aset/path/to/some-font.ttf' (string)	batal
Webshowclose	false (bool)	PALSU
Webbgcolor	String (warna hex)	linear-gradient (ke kanan, #00b09b, #96c93d)
Webposisi	String ( left , center atau right )	Kanan

Untuk membatalkan semua panggilan bersulang

 Fluttertoast . cancel ()

Perhatikan Android

Roti panggang khusus tidak akan berfungsi di Android 11 dan di atasnya, itu hanya akan menggunakan MSG dan ToastLength yang tersisa semua properti diabaikan

Toast khusus untuk Android

Buat file bernama toast_custom.xml di folder Proyek app/res/layout Anda dan lakukan Styling Kustom

<? 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 >

Toast With BuildContext (semua platform)

Perbarui MaterialApp Anda dengan builder seperti di bawah ini untuk penggunaan konteks secara global periksa bagian dokumen menggunakan navigatorkey untuk konteks (untuk mengakses konteks secara global)

 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 ,
          );
        });
}

Sekarang hubungi _showToast()

Untuk detail lebih lanjut periksa example proyek

milik	keterangan	bawaan
anak	Widget (bukan nol) (diperlukan)	diperlukan
Toastduration	Durasi (opsional)
gaya berat	Toastgravity.*
POSISITOTBUILDER	POSISITOTBUILDER
fadedurasi	Lamanya	Durasi (milidetik: 350)
Ignorepointer	Boolean	PALSU
isdismissible	Boolean	PALSU

Gunakan NavigatorKey untuk konteks (untuk mengakses konteks secara global)

Untuk menggunakan navigatorkey untuk konteks pertama -tama menentukan GlobalKey<NavigatorState> di level atas di file main.dart Anda

 GlobalKey < NavigatorState > navigatorKey = GlobalKey < NavigatorState >();

Pada saat menginisialisasi FToast kita perlu menggunakan konteks dari GlobalKey<NavigatorState>

 FToast fToast = FToast ();
fToast. init (yourNavKey.currentContext ! );

Untuk membatalkan semua panggilan bersulang

 // To remove present shwoing toast
fToast. removeCustomToast ()

// To clear the queue
fToast. removeQueuedCustomToasts ();

Gambar pratinjau (No BuildContext)

Gambar Pratinjau (BuildContext)

Jika Anda memerlukan fitur apa pun yang disarankan

...

Beli saya kopi