Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practica Floating Button y Message Dialog Flutter

    Cargado por

    Zeus manluli
    39 vistas9 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como pdf o txt
    39 vistas9 páginas

    Practica Floating Button y Message Dialog Flutter

    Cargado por

    Zeus manluli

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como pdf o txt
    de 9

    DESARROLLO DE APLICACIONES MOVILES

    15701 T/M

    TECNOLOGICO SUPERIORES DE ECATEPEC

    INGENIERIA EN INFORMATICA

    15701 T/M

    DESARROLLO DE APLICACIONES MOVILES

    Leonardo Miguel Moreno Villalb

    MELENDEZ FLORES CESA IVAN

    Practica Floating Button y Message Dialog Flutter


    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M

    Practica 1:
    Código:
    import 'package:flutter/material.dart';
    import 'package:flutter/foundation.dart';

    void main() => runApp(const MyApp());

    class MyApp extends StatelessWidget {


    const MyApp({super.key});

    @override
    Widget build(BuildContext context) {
    const appName = 'Temas Personalizados';

    return const MaterialApp(


    title: appName,
    home: MyHomePage(
    title: appName,
    ),
    );
    }
    }

    class MyHomePage extends StatelessWidget {


    final String title;

    const MyHomePage({Key? key, required this.title}) : super(key: key);

    @override
    Widget build(BuildContext context) {
    return Scaffold(
    appBar: AppBar(
    title: Text(title),
    ),
    body: Center(
    child: Theme(
    // Creacion de un tema con "ThemeData"
    data: ThemeData(
    colorScheme:
    ColorScheme.fromSwatch().copyWith(secondary: Colors.yellow),
    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M

    ),
    child: FloatingActionButton(
    onPressed: () {
    showDialog(
    context: context,
    barrierDismissible: false,
    builder: (context) => AlertDialog(
    title: Text('AVISO EMERGENTE'),
    content: Text('CUADRO EMERGENTE EN PANTALLA...'),
    actions: <Widget>[
    FlatButton(
    child: Text('ok'),
    onPressed: () {
    Navigator.of(context).pop('muy bien');
    },
    ),
    FlatButton(
    child: Text('Cancel'),
    onPressed: () {
    Navigator.of(context).pop('de acuerdo ');
    },
    )
    ],
    ),
    ).then((result) {
    print(result);
    });
    },
    child: const Icon(Icons.add),
    ),
    ),
    ),
    );
    }
    }

    Ejecución en visual:
    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M

    Resultado:
    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M
    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M

    Dando click al botón de en medio nos aparecerá una ventana emergente.


    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M
    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M

    Y cuando le damos el ok nos dejara salir pero cuando nos dara cancelar
    automáticamente se saldrá de la ventana.
    DESARROLLO DE APLICACIONES MOVILES
    15701 T/M

    También podría gustarte