Prazer, Flutter!

Prazer, Flutter!

Uma introdução ao Flutter

712a8a8a2ac5145874ab33c328a17f05?s=128

Lucas Santos

November 05, 2019
Tweet

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
  10. None
  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

  20. None
  21. None
  22. None
  23. None
  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
  29. None
  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

  36. None
  37. Controlamos o estado por uma classe que herda de State

  38. None
  39. None
  40. É tudo Widget

  41. Dart DevTools

  42. None
  43. Bibliotecas

  44. Pub.dev

  45. pubspec.yaml

  46. $ flutter pub get

  47. Obrigado!