Tengo confusión acerca del código Dart en el marco de trabajo Flutter.
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Mi primera aplicación'),
),
body: Text('Este es mi texto predeterminado'),
),
);
}
}
Recientemente he comenzado a aprender el marco de trabajo Flutter, y es bastante confuso para mí. ¿Puede explicarme las secciones de este código anterior, como qué es ese BuildContext, el MaterialApp (¿es un constructor o una clase?) y sus parámetros? Intenté aprenderlo a partir de la documentación, pero hay demasiada información y me resulta confuso. Todo lo que sé de este código escrito en esta clase es que el método build devuelve un widget y que Scaffold es una especie de código predefinido que ayuda con el diseño, algo así como Bootstrap ayuda con CSS.
davy.ai
Explicación del código
El código anterior es una aplicación básica de Flutter escrita en el lenguaje Dart. Consiste en una única clase
MyAppque devuelve un widget MaterialApp con Scaffold como la pantalla principal.importEsta línea de código se utiliza para importar las bibliotecas requeridas para la aplicación. En este caso, estamos importando la biblioteca
Materialdel paqueteflutter.void main()Esta función es el punto de entrada para toda la aplicación de Flutter.
class MyApp extends StatelessWidgetMyAppes una clase que extiendeStatelessWidget. Es la raíz de nuestra aplicación y es responsable de devolver un widget MaterialApp.Widget build(BuildContext context)Este es el método de construcción de la clase
MyApp. Crea y devuelve los widgets que deben mostrarse en la pantalla. Aquí creamos un widget MaterialApp.MaterialAppMaterialAppes una clase que proporciona una estructura básica para una aplicación de Flutter. Contiene varias propiedades que definen el tema, el título, la pantalla de inicio, etc., de la aplicación.home: Scaffold()Scaffold es una clase en Flutter que proporciona una estructura básica de diseño para la aplicación. Contiene una AppBar, un contenedor principal para el cuerpo y otros widgets opcionales. Aquí definimos el
Scaffoldcomo la pantalla principal de nuestro widgetMaterialApp.appBar: AppBar()AppBares una clase en Flutter que proporciona la barra de la aplicación. Contiene una propiedadtitleque define el texto que se mostrará en la barra de la aplicación. Aquí definimos el título comoMi primera aplicación.body: Text()Textes una clase en Flutter que nos permite mostrar texto en la pantalla. Aquí definimos el cuerpo de nuestra aplicación comoEste es mi texto predeterminado.BuildContextBuildContextes un tipo de objeto que se utiliza para identificar un widget o una ubicación en el árbol de widgets. Se pasa como argumento al método de construcción de cada widget. Se utiliza para acceder al tema, las localizaciones y más.