Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Prazer, Flutter!
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Lucas Santos
November 05, 2019
Programming
0
63
Prazer, Flutter!
Uma introdução ao Flutter
Lucas Santos
November 05, 2019
Tweet
Share
More Decks by Lucas Santos
See All by Lucas Santos
Introdução à Programação Funcional com Elixir
lslm
0
67
Plataformatec Hack Evening: SOLID Series - Interface Segregation Principle
lslm
0
58
Uma introdução ao Ruby
lslm
1
65
Uma introdução prática ao aprendizado de máquina com o Weka
lslm
0
49
Other Decks in Programming
See All in Programming
Smart Handoff/Pickup ガイド - Claude Code セッション管理
yukiigarashi
0
130
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
170
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2k
Patterns of Patterns
denyspoltorak
0
1.4k
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.5k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
190
CSC307 Lecture 05
javiergs
PRO
0
500
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
wisemuji
0
190
Fluid Templating in TYPO3 14
s2b
0
130
CSC307 Lecture 07
javiergs
PRO
0
550
Oxlint JS plugins
kazupon
1
740
Featured
See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
120
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
AI: The stuff that nobody shows you
jnunemaker
PRO
2
240
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Music & Morning Musume
bryan
47
7.1k
Technical Leadership for Architectural Decision Making
baasie
1
240
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
110
Done Done
chrislema
186
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
Utilizing Notion as your number one productivity tool
mfonobong
2
210
The Spectacular Lies of Maps
axbom
PRO
1
520
Transcript
Prazer, Flutter!
Lucas Santos Software Developer - Plataformatec
• Introdução • Criação de um app • Widgets •
Dependências • Resources
Flutter é a aposta do Google para o desenvolvimento multiplataforma
• Android • iOS • Web
Breaking news: desktop também
Utiliza o Dart
Aplicações que usam o Flutter
• Google Ads • Alibaba • Reflectly • Birch Finance
• Nubank (futuro) • Google Assistant
None
Começando...
Acessar flutter.dev e baixar o SDK do Flutter
Extrair o arquivo e adicionar a localização do diretório no
PATH: export PATH="$PATH:`pwd`/flutter/bin"
$ flutter doctor -v
Configurar plataforma de desenvolvimento:
iOS • Configurar o XCode • Configurar o Simulator
Android • Configurar um simulador (o uso de um dispositivo
físico é recomendado)
$ flutter create my_app $ cd my_app $ flutter run
Estrutura de uma aplicação Flutter
None
None
None
None
Widgets
Widget é uma descrição de um elemento visual de um
componente Flutter
São os building blocks de uma aplicação Flutter
Stateless Widget
Um Stateless widget é um widget cujas as propriedades são
imutáveis
None
• Text • Image • Row • Column
Stateful Widget
Stateful widgets são widgets que lidam com dados dinâmicos
• Checkbox • TextField • Slider • Form
Criando um stateful widget
Criamos uma classe que herda de StatefulWidget
None
Controlamos o estado por uma classe que herda de State
None
None
É tudo Widget
Dart DevTools
None
Bibliotecas
Pub.dev
pubspec.yaml
$ flutter pub get
Obrigado!