Cheat Sheet de Flutter

flutter create my_app

Crear proyecto Flutter nuevo

flutter run

Ejecutar app en dispositivo conectado

flutter build apk --release

Compilar APK release

flutter build ios --release

Compilar iOS release

flutter pub add package_name

Añadir dependencia

flutter pub get

Instalar dependencias

flutter doctor

Comprobar instalación de Flutter

flutter clean

Limpiar artefactos de build

Text('Hello', style: TextStyle(fontSize: 20))

Widget de texto

Icon(Icons.star, color: Colors.amber)

Widget de icono

Image.asset('assets/logo.png')

Cargar imagen local

Image.network('https://...')

Cargar imagen remota

ElevatedButton(onPressed: () {}, child: Text('Go'))

Botón Material elevado

TextButton(onPressed: () {}, child: Text('Go'))

Botón de texto plano

IconButton(icon: Icon(Icons.add), onPressed: () {})

Botón con icono

TextField(decoration: InputDecoration(labelText: 'Name'))

Campo de texto

Switch(value: on, onChanged: (v) {})

Switch (interruptor)

Checkbox(value: checked, onChanged: (v) {})

Checkbox

CircularProgressIndicator()

Spinner de carga

Container(padding: EdgeInsets.all(16), color: Colors.blue)

Caja con padding y color

Padding(padding: EdgeInsets.all(8), child: ...)

Envolver con padding

Center(child: ...)

Centrar un hijo

Column(children: [w1, w2, w3])

Apilar verticalmente

Row(children: [w1, w2, w3])

Apilar horizontalmente

Stack(children: [bg, overlay])

Hijos superpuestos (eje Z)

Expanded(flex: 2, child: ...)

Rellenar espacio disponible en Row/Column

SizedBox(height: 16, width: 200)

Caja/espaciador de tamaño fijo

Wrap(children: [...])

Saltar de línea al llenarse

SingleChildScrollView(child: Column(...))

Hacer scrollable el contenido

ListView.builder(itemCount: n, itemBuilder: (c, i) => ...)

Lista con scroll (lazy)

GridView.count(crossAxisCount: 2, children: [...])

Grid con columnas fijas

class MyWidget extends StatelessWidget {
  Widget build(BuildContext c) => ...;
}

Widget stateless

class MyWidget extends StatefulWidget {
  State<MyWidget> createState() => _S();
}

Widget stateful

setState(() { count++; });

Disparar reconstrucción

@override
void initState() { super.initState(); }

Hook de init (ciclo de vida)

@override
void dispose() { ...; super.dispose(); }

Hook de cleanup (ciclo de vida)

final _controller = TextEditingController();

Controller del campo de texto

ValueNotifier<int>(0) + ValueListenableBuilder

Estado reactivo simple

FutureBuilder(future: fetch(), builder: (c, snap) => ...)

Widget de datos async

StreamBuilder(stream: s, builder: (c, snap) => ...)

Widget de datos Stream

Navigator.push(context, MaterialPageRoute(builder: (c) => NextPage()))

Push de nueva ruta

Navigator.pop(context)

Volver

Navigator.pushNamed(context, '/details')

Push de ruta nombrada

Navigator.pushReplacement(context, ...)

Reemplazar ruta actual

final result = await Navigator.push(...); 

Push y esperar resultado

Navigator.pop(context, value);

Devolver valor al hacer pop

EdgeInsets.symmetric(horizontal: 16, vertical: 8)

Abreviatura de padding

BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(8))

Caja con bordes redondeados

Theme.of(context).textTheme.headlineLarge

Acceder al theme

MediaQuery.of(context).size.width

Dimensiones de pantalla

MaterialApp(theme: ThemeData(primarySwatch: Colors.blue))

App con tema Material