FlutterToast

Fluttertoast

Библиотека тостов для трепета

Теперь эта библиотека Toast поддерживает два вида BuildContext , которые требуют другого BuildContext

Тост без контекста

Поддерживаемые платформы

• Android
• Ios
• Интернет (использует Toastify-JS)

У этого есть ограниченные функции и отсутствие контроля над пользовательским интерфейсом

Тост, который требует строительного контекста

Поддерживаемые платформы

• ВСЕ

1. Полный контроль над тостом
2. Тосты будут в очереди
3. Удалить тост
4. Очистить очередь

Как использовать

 # add this line to your dependencies
fluttertoast : ^8.2.10 

 import 'package:fluttertoast/fluttertoast.dart' ;

Тост без контекста сборки (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
    );

свойство	описание	по умолчанию
MSG	Строка (не нулевой) (требуется)	необходимый
Toastlength	Toast.length_short или toast.length_long (необязательно)	Toast.length_short
гравитация	Toastgravity.top (или) toastgravity.center (или) toastgravity.bottom (Интернет поддерживает только верх, внизу)	Toastgravity.bottom
TimeInsecforiosWeb	int (для iOS и Web)	1 (сек)
фоновая кожура	Цвета. Ред	нулевой
Textcolor	Colors.white	нулевой
Fontsize	16.0 (поплавок)	нулевой
Фонтассет	Путь к файлу шрифта в папке App Apsets Flutter, например, «Assets/Path/to/some-font.ttf '(String)	нулевой
Webshowclose	Неверно (Bool)	ЛОЖЬ
Webbgcolor	Строка (HEX Color)	линейный градиент (справа, #00B09B, #96C93D)
Веб -позиция	Строка ( left , center или right )	верно

Отменить все звонки тостов

 Fluttertoast . cancel ()

Примечание Android

Пользовательский тост не будет работать на Android 11 и выше, он будет использовать только MSG и Toastlength, оставшиеся все свойства игнорируются

Пользовательский тост для Android

Создайте файл с именем toast_custom.xml в папке вашего проекта app/res/layout и выполните пользовательский стиль

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

Тост с BuildContext (все платформы)

Обновите свой MaterialApp с помощью builder , как ниже, чтобы использовать контекст по всему миру. Проверьте раздел DOC. Используйте 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 проекта

свойство	описание	по умолчанию
ребенок	Виджет (не нулевой) (требуется)	необходимый
тост	Продолжительность (необязательно)
гравитация	Toastgravity.*
позиционированное вручение	Позиционировано
увядание	Продолжительность	Продолжительность (миллисекунд: 350)
Игнорировать	логический	ЛОЖЬ
Isdismablible	логический	ЛОЖЬ

Используйте NavigatorKey для контекста (для доступа к контексту во всем мире)

Для использования NavigatorKey для контекста сначала определить GlobalKey<NavigatorState> на верхнем уровне в вашем файле main.dart

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

Во время инициализации FToast нам нужно использовать контекст из глобально определенного GlobalKey<NavigatorState>

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

Отменить все звонки тостов

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

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

Предварительный просмотр изображений (без buildcontext)

Предварительный просмотр изображений (BuildContext)

Если вам нужны какие -либо функции, предлагайте

...

Купить мне кофе