Prazer, Flutter!

Uma introdução ao Flutter

Transcript

1. Prazer, Flutter!
2. Lucas Santos Software Developer - Plataformatec
3. • Introdução • Criação de um app • Widgets • Dependências • Resources
4. Flutter é a aposta do Google para o desenvolvimento multiplataforma
5. • Android • iOS • Web
6. Breaking news: desktop também
7. Utiliza o Dart
8. Aplicações que usam o Flutter
9. • Google Ads • Alibaba • Reflectly • Birch Finance • Nubank (futuro) • Google Assistant
11. Começando...
12. Acessar flutter.dev e baixar o SDK do Flutter
13. Extrair o arquivo e adicionar a localização do diretório no PATH: export PATH="$PATH:`pwd`/flutter/bin"
14. $ flutter doctor -v
15. Configurar plataforma de desenvolvimento:
16. iOS • Configurar o XCode • Configurar o Simulator
17. Android • Configurar um simulador (o uso de um dispositivo físico é recomendado)
18. $ flutter create my_app $ cd my_app $ flutter run
19. Estrutura de uma aplicação Flutter
24. Widgets
25. Widget é uma descrição de um elemento visual de um componente Flutter
26. São os building blocks de uma aplicação Flutter
27. Stateless Widget
28. Um Stateless widget é um widget cujas as propriedades são imutáveis
30. • Text • Image • Row • Column
31. Stateful Widget
32. Stateful widgets são widgets que lidam com dados dinâmicos
33. • Checkbox • TextField • Slider • Form
34. Criando um stateful widget
35. Criamos uma classe que herda de StatefulWidget
37. Controlamos o estado por uma classe que herda de State
40. É tudo Widget
41. Dart DevTools
43. Bibliotecas
44. Pub.dev
45. pubspec.yaml
46. $ flutter pub get
47. Obrigado!