Bienvenido a Flutter
Diego Velásquez López @diegoveloper
Slide 2
Slide 2 text
Diego Velásquez López
Mobile Software Architect
Acerca de mi
● Google Developer Expert Flutter
● Software engineer > 11 años experiencia
● Android / iOS / Flutter
● Creador de 2 Android apps:
○ Pseudocode
○ Quick Printer
● Fundador & Organizador @ Flutter Peru
@diegoveloper
https://aeyrium.com/
Slide 3
Slide 3 text
Flutter es un SDK para
crear apps en iOS &
Android
3
Slide 4
Slide 4 text
UI fluida y personalizada
Compilado a nativo iOS & Android
Patrón Reactivo
Énfasis en herramientas de desarrollo
Características
Slide 5
Slide 5 text
UI fluida y personalizada
● Flutter gestiona el renderizado de la
UI
● Flutter usa el Skia render
● No más OEM widgets
● 60 fps , aceleración GPU
Slide 6
Slide 6 text
UI fluida y personalizada
● Todo el framework creado con Dart
● Acceso a código documentado
● Personalización en cualquier nivel
● El layout se crea por código
Foundation
Animation Painting
Rendering
Widgets
Material
Gestures
Cupertino
Skia Dart Text
Framework
(Dart)
Engine
(C++)
-------------------------------------------------------------------------------------------------
Slide 7
Slide 7 text
Compilación a Nativo
● Compila a código máquina
● Puede usar la Dart VM
● Debug mode / Release mode
● El apk en release mode empieza
desde 4.8MB
Slide 8
Slide 8 text
Patrón reactivo
● Todo es un Widget
● Stateless Widgets
● Stateful Widgets
● Reconstruir widgets es ligero
Slide 9
Slide 9 text
Patrón reactivo
● Todo es un Widget
● Stateless Widgets
● Stateful Widgets
● Reconstruir widgets es ligero
Slide 10
Slide 10 text
Button
RaisedButton()
Slide 11
Slide 11 text
Button
RaisedButton(
child: Text(“Tap Me”),
)
Text
Slide 12
Slide 12 text
Button
Center (
child: RaisedButton(
child: Text(“Tap Me”),
),
)
Text
Center
Slide 13
Slide 13 text
Button
Text
Center
Body AppBar
Text
Scaffold
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
Herramientas de
desarrollo
● IntelliJ, Android Studio, VSCode
● Soporta consola o terminal
● Hot reload
● Gestor de paquetes
● Platform channels