Muy buenas, les saluda Luis y aquí les traigo otro artículo.
Índice
En este breve tutorial, aprenderemos cómo crear rápidamente una aplicación multiplataforma con pestañas (iOS y Android) en Flutter.
El código fuente del proyecto está disponible al final del artículo.
Empecemos
Primero, creemos un nuevo proyecto y configuremos nuestro MaterialApp y el HomePage widget:
Ahora, actualice el _HomePageState clase:
Definimos el _selectedIndex propiedad para rastrear qué pestaña se toca. También creamos el _navigationBarItems lista de tres elementos: Home, Searchy Profile.
Finalmente, agregamos esta lista al árbol de widgets dentro del build método. Ahora agreguemos pantallas individuales para cada BottomNavigationBarItem.
Home
Creemos un Scaffoldwidget con un AppBarinterior:
Buscar
Del mismo modo, agregamos otra pantalla:
Perfil
Y por último, agregamos el Profilewidget:
Ahora mostremos nuestras pantallas creadas dentro de la aplicación. Dentro de home_page.dart, debemos agregar una _currentWidgetpropiedad y actualizar el _onItemTappedmétodo:
E incluya la _currentWidgetpropiedad dentro del buildmétodo:
Hemos implementado con éxito una aplicación con pestañas usando Flutter.
Gracias por leer.
Añadir comentario