FlutterToast

fluttertoast

Biblioteca de torradas para flutter

Agora, esta biblioteca de torradas suporta dois tipos de mensagens de brinde, uma que requer BuildContext Other sem BuildContext

Restar sem contexto

Plataformas suportadas

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

Este tem recursos limitados e sem controle sobre a interface do usuário

Toast que requer BuildContext

Plataformas suportadas

• TODOS

1. Controle total da torrada
2. Brilhas serão na fila
3. Remova uma torrada
4. Limpe a fila

Como usar

 # add this line to your dependencies
fluttertoast : ^8.2.10 

 import 'package:fluttertoast/fluttertoast.dart' ;

Restar sem contexto de construção (Android e 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
    );

propriedade	descrição	padrão
msg	String (não nulo) (necessário)	obrigatório
ToastLength	Toast.Length_Short ou Toast.Length_Long (Opcional)	Toast.Length_Short
gravidade	Toastgravity.top (ou) Toastgravity.Center (ou) Toastgravity.bottom (Web suporta apenas superior, inferior)	Toastgravity.bottom
TimeInsecForiosWeb	int (para iOS e web)	1 (seg)
BackgroundColor	Cores	nulo
textColor	Cores.white	nulo
fontsize	16.0 (flutuação)	nulo
Fontasset	Caminho para um arquivo de fonte na pasta Flutter App Assets, por exemplo, 'ativos/path/to/some-font.ttf' (string)	nulo
WebShowClose	falso (bool)	falso
webbgcolor	String (cor hexadecimal)	gradiente linear (à direita, #00B09B, #96C93D)
WebPosition	String ( left , center ou right )	certo

Para cancelar todas as torradas chamadas

 Fluttertoast . cancel ()

Observe Android

Torrada personalizada não funcionará no Android 11 e acima, ele usará apenas MSG e ToastLength restante todas as propriedades são ignoradas

Torrada personalizada para Android

Crie um arquivo chamado toast_custom.xml na pasta do seu projeto app/res/layout e faça um estilo personalizado

<? 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 com BuildContext (todas as plataformas)

Atualize seu MaterialApp com builder , como abaixo, para o uso do contexto, verifique a seção Doc Doc use o NavigatorKey para contexto (para acessar o contexto globalmente)

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

Agora ligue para _showToast()

Para mais detalhes, verifique o projeto example

propriedade	descrição	padrão
criança	Widget (não nulo) (necessário)	obrigatório
Testduration	Duração (opcional)
gravidade	ToastGravity.*
Posicionado ToastBuilder	Posicionado ToastBuilder
desbotamento	Duração	Duração (milissegundos: 350)
ignorePointer	booleano	falso
isdismissible	booleano	falso

Use o NavigatorKey para contexto (para acessar o contexto globalmente)

Para usar o NavigatorKey para o contexto, defina primeiro o GlobalKey<NavigatorState> no nível superior em seu arquivo main.dart

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

No momento da inicialização do FToast , precisamos usar o contexto do GlobalKey<NavigatorState>

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

Para cancelar todas as torradas chamadas

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

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

Imagens de visualização (sem BuildContext)

Imagens de visualização (BuildContext)

Se você precisar de algum recurso sugestão

...

Compre me um café