Partiendo de la estructura básica creada por Android Studio para el tipo de proyecto Flutter Application, la primera línea de código que generalmente nos vamos a encontrar en nuestros archivos .dart es:
import'package:flutter/material.dart';
Con esta instrucción importaremos a nuestro código el paquete de todos los Widgets (o la mayoría de ellos) de Material Design que son la base principal de clases con la que trabaja Flutter.
Similar a como es en Java o C++, en Dart, el método main() será el punto de inicio de nuestra aplicación. Por su parte, runApp() es la función que inicializa y da vida a la aplicación definida por el WidgetApp. En otras palabras, runApp() toma el widget y lo sirve.
App() es la clase principal que representa la raíz de la aplicación. Esta clase extiende o hereda de StatelessWidget que es la clase padre de todos los widgets. App() posee un método heredado llamado build() encargado de construir o mostrar todo el árbol de widgets anidados (o Widgets tree) que hayamos definido con MaterialApp(), que es la clase (que actúa wrapper) que implementa Flutter para dar vida, forma y apariencia a todos los widgets de nuestra interfaz de usuario.
La propiedad fundamental del widgetMaterialApp en la que definimos toda la estructura base de nuestra aplicación es home: a la que a su vez asignamos el widgetHome() de tipo StatefulWidget que es la parte funcional de nuestra aplicación y que retornará a fin de cuentas un Scaffold() que es el widget que contiene finalmente toda la estructura de nuestra interfaz.
// --- Estructura estándar de un Scaffold....returnScaffold(appBar:<Widget>,// --- barra de títulobody:<Widget>,// --- contenido principalbottomNavigationBar:<Widget>,// --- navigaciónfloatingActionButton:<Widget>// --- botón de acción)...
Ann es la MEJOR!! sera llamada Madre de las tecnologias mobiles!!!
2 años después y estoy completamente de acuerdo.
:3
Me hubiese gustado que Ann impartiera un curso de Dart.
totalmente de acuerdo
NO POR DIOS!!! Ya ha hecho bastante mal...
Para los/as curiosos/as:
Heredar de StatelessWidget permite crear widgets que no posean estado. Esto significa que su estructura interna sólo será renderizada una vez. Los StatefulWidget(s) son widgets que tienen la posiblidad de cambiar su estado interno, por lo que su contenido se renderizará varias veces para actualizar su estado.
Buen aporte, no sabía esto. Me ayudó mucho a aclarar conceptos.
Excelente aclaraciòn
Antes de que saliera el curso, investigando un poco por mi cuenta sobre Flutter me asusté con que todo fuera widgets, no sabia que me esperaba y pensaba que seria algo imposible e incomprensible, pero Ann tu lo explicas que todo se vuelve más sencillo!
Muchas gracias!
🎈 Dart es considero un lenguaje del futuro porque puede trabajar con los paradigmas de Programación Orientada a Objetos y Programación Declarativa en conjunto.
Hace mucha falta actualizar el curso, ha cambiando mucho la estructura del proyecto Flutter y las clases, es muy difícil seguir la explicación.
hace un años este mensaje, que desilucion con platzi solo compre la menbresia por este curso.
Si, hace mucha falta la actualización del curso ya estamos terminando el 2022 y nada que lo actualizan, que lástima porque la profesora es super.
Scaffold prácticamente ocupa toda la pantalla del celular y contiene el AppBar, un cuerpo y también un BottomBarNavigation. Es obligatorio estar presente.
Vamos! A por el Hola Mundo y luego a por el mundo!
@rafalazar.
Jajajajaj toma tu like buen hombre.
A la fecha del 2022-10-09 esta es la nueva estructura del main
Lo único malo de dart es que sigue usando punto y coma, en ese sentido debió seguir el ejemplo de Go :c
Anahí es en definitiva lo mejor de Platzi..... es sencillamente increible.
Aqui esta la documentacion de flutter con algunos componentes donde explican que cosas puedes agregarle ademas de ejemplos para usarlo :)
Scaffold Flutter
Material Design es un lenguaje de diseño o visual desarrollado por Google en 2014. Contiene grid layouts, animaciones responsive, transiciones, padding, efectos de profundidad con sobras y luz, etc, etc. Sintetiza los principios clásicos del buen diseño con la invocación de la tecnología y la ciencia. Desarrolla un sistema subyacente que unifica la experiencia de usuario a través de múltiples plataformas, dispositivos y métodos de entrada. Se inspira en el mundo real y sus texturas, como reflejan la luz y proyectan las sobras. En fin es toda una guía visual de como presentar los elementos y sus interacciones en una interfaz digital.
Me gusta cómo Anahí se toma el tiempo para explicar y contrastar Flutter y Dart con otras tecnologías y cómo explica los conceptos raíz como los paradigmas de programación
Wow cuanto nivel de abstracción! :D
Deberias descansar para darle una separación a cada explicación. No descansas ni respiras y me pones nervioso.
Ya necesitan darle una actualizada a las lecciones, porque la estructura ya es diferente.