Publicado · en mejora
Framework · Desde 2017
Flutter es el framework de interfaz de código abierto de Google para crear apps móviles, web y de escritorio a partir de un único código en Dart.
Flutter es un framework de interfaz de usuario de código abierto creado por Google y publicado por primera vez en 2017. Con un único código base se pueden crear apps para Android, iOS, la web, Windows, macOS y Linux. Las apps se escriben en Dart, el lenguaje orientado a objetos de Google, con una sintaxis parecida a la de Java y TypeScript, seguridad frente a nulos y async/await; el SDK de Dart viene incluido con Flutter.
En lugar de usar los controles nativos de cada plataforma, Flutter dibuja cada píxel con su propio motor de renderizado. Así, las apps se ven y se comportan igual en todas las plataformas, y es posible crear diseños y animaciones personalizados sin limitaciones. Las compilaciones de producción convierten el código Dart en código máquina por adelantado, y durante el desarrollo la recarga en caliente (hot reload) aplica los cambios al instante sin perder el estado de la app. Por eso Flutter es muy popular en apps móviles que deben publicarse en varias plataformas a la vez.
Para empezar, instala el SDK de Flutter, revisa tu entorno con flutter doctor y aprende el modelo de widgets modificando la app de contador que genera flutter create. Los codelabs oficiales y la guía del lenguaje Dart explican paso a paso cómo combinar widgets, gestionar el estado y construir diseños. Los paquetes se buscan en pub.dev y se añaden con flutter pub add.
El mismo código Dart sirve para apps de Android, iOS, web, Windows, macOS y Linux; el código específico de cada plataforma solo se añade cuando hace falta.
El texto, los márgenes, los diseños y las pantallas completas son widgets, y las interfaces complejas se crean combinando widgets pequeños.
Los cambios en el código aparecen en la app en ejecución en aproximadamente un segundo, sin perder su estado.
El motor de Flutter dibuja cada píxel y las compilaciones de producción se compilan por adelantado a código máquina para funcionar con fluidez.
Instala la extensión de Flutter en VS Code y deja que descargue el SDK, o descarga el SDK para tu sistema desde docs.flutter.dev, descomprímelo y añade su carpeta bin al PATH. El SDK de Dart viene incluido.
Ejecuta flutter doctor para comprobar si están instaladas las herramientas de cada plataforma de destino, como Android Studio, Xcode, Chrome o Visual Studio. Solo necesitas las de las plataformas para las que vas a compilar.
flutter doctorCrea un proyecto con flutter create y ejecútalo en un dispositivo conectado, un emulador o el navegador. Al guardar el código mientras se ejecuta, la recarga en caliente aplica el cambio.
flutter create hello_app && cd hello_app && flutter runToda app de Flutter empieza en la función main de lib/main.dart, y el widget que se pasa a runApp ocupa toda la pantalla. MaterialApp aporta la estructura de una app con Material Design, Scaffold el diseño básico de una pantalla, y Center y Text muestran un mensaje centrado. Sustituye el main.dart generado por este código y ejecútalo con flutter run.
lib/main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
const MaterialApp(
home: Scaffold(
body: Center(child: Text('Hello, world!')),
),
),
);
}
flutter create hello_app && cd hello_app && flutter runSeis capítulos que te llevan desde la instalación hasta las ideas clave de Flutter.
Haz preguntas, comparte tu experiencia e intercambia opiniones sobre Flutter.
Todavía no hay debates. Empieza el primero.
0 comentarios
Iniciar sesión · Inicia sesión para dejar un comentario.
Sé el primero en comentar.