Introducción a Flutter

---

// Sintaxis simple y moderna de Dart
class Persona {
String nombre;
int edad;

Persona(this.nombre, this.edad);

String saludar() => 'Hola, soy $nombre y tengo $edad años';
}

// Uso directo
final persona = Persona('Carlos', 30);
print(persona.saludar()); // Hola, soy Carlos y tengo 30 años

// Un solo código para todas las plataformas
class MiAppMultiplataforma extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return MaterialApp(
    title: 'App Universal',
    home: Scaffold(
      appBar: AppBar(title: Text('Funciona en iOS y Android')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.phone_android, size: 50),
            Text('Una app, múltiples plataformas'),
          ],
        ),
      ),
    ),
  );
}
}

import 'package:flutter/material.dart';

class MiApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(title: Text('Mi Primera App')),
      body: Center(
        child: Text('¡Hola Flutter!'),
      ),
    ),
  );
}
}

// Sintaxis limpia y moderna
class Usuario {
final String nombre;
final int edad;

Usuario({required this.nombre, required this.edad});

String get saludo => 'Hola, soy $nombre y tengo $edad años';
}

// Uso
final usuario = Usuario(nombre: 'Ana', edad: 25);
print(usuario.saludo);

# Instalación rápida
flutter doctor
flutter create mi_app
cd mi_app
flutter run

void main() {
  runApp(MiApp());
}

class MiApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: PaginaPrincipal(),
    );
  }
}

class PaginaPrincipal extends StatefulWidget {
  @override
  _PaginaPrincipalState createState() => _PaginaPrincipalState();
}

class _PaginaPrincipalState extends State<PaginaPrincipal> {
  int contador = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Mi App Flutter')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('Has presionado el botón:'),
            Text('$contador', style: Theme.of(context).textTheme.headlineMedium),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => setState(() => contador++),
        child: Icon(Icons.add),
      ),
    );
  }
}