Flutter é a mais recente investida da Google no segmento mobile, um SDK que permite desenvolver apps nativos para Android e iOS usando a linguagem Dart. Nesta apresentação vamos descobrir como criar aplicativos com Flutter pode ser simples e explorar possibilidades de um framework funcional e reativo.

1. Desenvolvendo Apps
Nativos com Flutter

2. Paulo Cruz
Mobile Software Engineer
Liferay LatAm

4. Uma SDK para
desenvolvimento
mobile escrita
em Dart

5. Capaz de criar
apps para
Android e iOS
com um único
codebase

6. ❖ É uma linguagem
criada pela Google
❖ Lançada em 2011
❖ Familiar para
desenvolvedores de
C++, C# ou Java

7. ❖ Compila para ARM e
x86, sendo capaz de
rodar nativamente em
Android e iOS
❖ Em web apps Dart é
transpilada para
JavaScript

8. ❖ Public por padrão,
private com o prefixo
“_”
❖ Não há “primitivos”,
todos os tipos são
Object
❖ Parâmetros
nomeados, opcionais
e com valor padrão

9. Parâmetros

10. ❖ Propriedades, não é
necessário escrever
métodos get
❖ Com Cascades tudo
pode ser um builder
❖ Construtores
nomeados e auto
assign para
propriedades

11. Construtores

12. ❖ Inferência de tipos,
use “var” para
variáveis locais
❖ Interpolação de
strings com
“${stringVar}”
❖ Futures e
async/await

13. Futures e async/await

15. Everything’s a Widget
❏ Elementos estruturais
como um botão ou menu
❏ Elementos estilísticos
como uma fonte ou
esquema de cores
❏ Aspectos do layout
como o padding

16. Composition > Inheritance

18. Layer cakes are delicious
Cada camada é
construída sobre a
camada anterior

19. Skia Dart Text
Foundation
Animation Painting
Rendering
Widgets
Material
Gestures
Engine
(C++)
Framework
(Dart)
Cupertino

20. Flutter
x
ReactNative

21. ReactNative
Flutter

22. ReactNative
Flutter

24. Expressive Reactive
Fast
Development

25. Expressive Reactive
Fast
Development

27. Cupertino Widgets

28. Material Widgets

29. Expressive Reactive
Fast
Development

30. Widget
States
❏ Widgets podem ser
Stateful ou Stateless
❏ Stateful, quando a
mudança de valores
afeta o estado do
Widget
❏ setState() deve ser
chamado para
mudanças de estado

31. Stateful

32. Stateless

33. Expressive Reactive
Fast
Development

34. IDEs Compatíveis

35. Auto Formatação com Trailing Commas

36. Hot Reload

37. Widget Inspector

39. https://github.com/phcp/
flutter-meetup-sample

40. ★ flutter.io
★ dartlang.org
★ medium.com/flutter-io
★ hackernoon.com/tagged/flutter
★ flutter.rocks
★ youtube.com/user/GoogleDevelopers/

41. Dúvidas?

42. Obrigado!
Paulo Cruz
paulo.cruz@liferay.com
ph.cruz.lp@gmail.com