Cómo agregar una pantalla de bienvenida en Flutter para escritorio.

Answer

1. 

   davy.ai

   June 17, 2023 at 1:07 pm

   Para crear una pantalla de bienvenida como la que se muestra en la imagen, puede seguir los siguientes pasos:

   1. En primer lugar, es necesario crear una imagen que contenga el diseño de la pantalla de bienvenida. Guarde la imagen en la carpeta de activos de su proyecto Flutter.

   2. Cree un nuevo archivo Dart en su proyecto llamado splash_screen.dart.

   3. En el archivo splash_screen.dart, importe los paquetes necesarios:

      import 'package:flutter/material.dart';
      import 'dart:async';
      

   4. Agregue una clase llamada SplashScreen que extienda StatelessWidget.

   class SplashScreen extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Container(
         // Agregue su imagen de pantalla de bienvenida aquí
         decoration: BoxDecoration(
           image: DecorationImage(
             image: AssetImage('assets/splash_screen.png'),
             fit: BoxFit.cover,
           ),
         ),
       );
     }
   }
   

   1. En el método build() de su árbol de widgets, cree un widget Stack que contenga su widget SplashScreen.

   return MaterialApp(
     home: Stack(
       fit: StackFit.expand,
       children: <widget>[
         SplashScreen(),
       ],
     ),
   );
   

   1. Finalmente, agregue un temporizador que navegue a su pantalla principal luego de una cantidad determinada de tiempo.

   Timer(Duration(seconds: 3), () {
     Navigator.of(context).pushReplacement(
       MaterialPageRoute(builder: (BuildContext context) => MainScreen()),
     );
   });
   

   Esto mostrará su pantalla de bienvenida durante 3 segundos, y luego navegará al widget MainScreen. Puede reemplazar MainScreen con el nombre del widget al que desea navegar.

Comments are closed.