FlutterToast

fluttertoast

Biblioteca de tostadas para Flutter

Ahora, esta biblioteca Toast admite dos tipos de mensajes de tostadas, uno que requiere BuildContext otro sin BuildContext

Tostadas sin contexto

Plataformas compatibles

• Androide
• IOS
• Web (usa Toastify-JS)

Este tiene características limitadas y no hay control sobre la interfaz de usuario

Toast que requiere BuildContext

Plataformas compatibles

• TODO

1. Control total de la tostada
2. Las tostadas serán en cola
3. Eliminar una tostada
4. Borrar la cola

Cómo usar

 # add this line to your dependencies
fluttertoast : ^8.2.10 

 import 'package:fluttertoast/fluttertoast.dart' ;

Toast sin contexto de compilación (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
    );

propiedad	descripción	por defecto
machista	Cadena (no nula) (requerido)	requerido
tostada	Toast.length_short o toast.length_long (opcional)	Toast.length_short
gravedad	Toastgravity.top (o) toastgravity.center (o) toastgravity.bottom (Web solo es compatible con la parte superior, inferior)	Toastgravity.bottom
TimeSecforiosweb	int (para iOS & Web)	1 (Sec)
beckcolor	Colores.	nulo
textcolor	Colores. White	nulo
fontisor	16.0 (flotador)	nulo
fontasset	Ruta a un archivo de fuentes en la carpeta de activos de aplicaciones Flutter, por ejemplo, activos/ruta/a/some-font.ttf '(string)	nulo
WebShowClose	falso (bool)	FALSO
webbgcolor	Cadena (color hexadecimal)	Gradiente lineal (a la derecha, #00B09B, #96C93D)
posición web	Cadena ( left , center o right )	bien

Para cancelar todas las tostadas.

 Fluttertoast . cancel ()

Nota android

La tostada personalizada no funcionará en Android 11 y superior, solo usará MSG y ToastLength restante, todas las propiedades se ignoran

Tostadas personalizadas para Android

Cree un archivo llamado toast_custom.xml en la carpeta app/res/layout de su proyecto y haga un 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 con BuildContext (todas las plataformas)

Actualice su MaterialApp con builder como a continuación para el uso del contexto de la sección Doc. Use NavigatorKey para el contexto (para acceder al contexto a nivel mundial)

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

Ahora llame _showToast()

Para más detalles, consulte el proyecto example

propiedad	descripción	por defecto
niño	Widget (no nulo) (requerido)	requerido
duración de tostadas	Duración (opcional)
gravedad	Toastgravity.*
PosicionedToastBuilder	PosicionedToastBuilder
desanimación	Duración	Duración (milisegundos: 350)
ignorante	booleano	FALSO
Isdismisible	booleano	FALSO

Use NavigatorKey para el contexto (para acceder al contexto a nivel mundial)

Para usar NavigatorKey para el contexto, primero defina GlobalKey<NavigatorState> en el nivel superior en su archivo main.dart

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

En el momento de inicializar el FToast necesitamos usar el contexto de GlobalKey<NavigatorState>

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

Para cancelar todas las tostadas.

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

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

Imágenes de vista previa (sin BuiltContext)

Imágenes de vista previa (buildContext)

Si necesita alguna característica, sugiera

...

Cómprame un café