Flutter Essencial

Nesta aula vamos verificar um resumo das configurações do ambiente de desenvolvimento.

Flutter

https://flutter.dev/

Android Studio

https://developer.android.com/studio/?hl=pt-br

JDK 1.8

https://www.oracle.com/technetwork/pt/java/javase/downloads/jdk8-downloads-2133151.html

Baixe o Android Studio em https://developer.android.com/studio.

Aprenda nessa aula a instalar o flutter no Windows e configurar o PATH para encontrar o comando flutter no terminal.

Instalar o Flutter SDK é muito simples, basta fazer o download em https://flutter.dev e seguir os passos para seu sistema operacional. Sempre utilize o comando "flutter doctor" para configurar o seu ambiente de desenvolvimento.

Aprenda a configurar o arquivo .bash_profile no Linux/Mac.

Se você for desenvolver para iOS também, baixe o Xcode em https://developer.apple.com/xcode.

O Xcode é necessário para executar o projeto em um simulador do iPhone e enviar o app para a loja da Apple.

Nesta aula vamos aprender a criar um projeto Flutter pelo Android Studio.

Nesta aula vamos executar o projeto no emulador do Android/iOS pelo Android Studio.

Todo o desenvolvimento para o Flutter é feito na pasta "lib", onde ficam os arquivos em Dart.

Nas pastas "android" e "ios" ficam os arquivos nativos que geralmente não precisamos alterar.

Se você já desenvolve para Android, iOS, React Native, Web, etc, recomendo ler estas dicas da documentação do Flutter para desenvolvedores.

https://flutter.dev/docs/get-started/flutter-for/android-devs

Antes de começarmos os estudos em Dart e Flutter, eu recomendo que você faça uma leitura de 15 minutos nesta página, onde temos um resumo das principais características da linguagem Dart.

Estudar esta página agora, com certeza vai acelerar o seu aprendizado.

https://www.dartlang.org/guides/language/language-tour

Conheça o DartPad (https://dartpad.dartlang.org) um editor online muito simples para aprender a linguagem Dart.

Nesta aula veremos um exemplo de como criar variáveis, métodos e classes e como utilizar a função print. É um exemplo simples mas que já será possível entender a sintaxe do DART.

Aula básica sobre como criar listas.

Aula básica sobre como criar maps (hash table).

No Dart podemos herdar de outra classe utilizando a palavra reservada extends.

Mixins permitem que uma classe utilize métodos de outra classe sem a necessidade de herança.

Veja o projeto de exemplo que vamos construir.

Nesta aula vamos criar a estrutura básica de um projeto em Flutter e aprender a utilizar o Hot Reload.

O Scaffold é um widget que permite adicionar elementos do Material Design de forma simples, como a App Bar, Tabs, Navigation Drawer (menu lateral), Floating Action Button (FAB), etc.

Nesta aula aprenda a utilizar o widget Text e configurar o estilo da fonte (cor, tamanho, bold, decoration, etc) com o TextStyle.

Aprenda a utilizar o widget Image para mostrar figuras da internet ou dos assets do projeto. Aprenda também a controlar o tamanho da figura com as propriedades do BoxFit. Como um plus, vamos aprender a utilizar o widget "SizedBox.expand", utilizado para expandir o conteúdo da tela.

Aprenda o básico para adicionar botões na tela e tratar os eventos. Vamos ver o RaisedButton e FlatButton.

O widget Column recebe um array de widgets e organiza seus filhos na Vertical. Aprenda a utilizar as propriedades de alinhamento da coluna.

O widget Row recebe um array de widgets e organiza seus filhos na Horizontal. Aprenda a utilizar as propriedades de alinhamento da linha.

O PageView é um widget que recebe um array de widgets filhos e cria o famoso carrossel.

O padding é utilizado para criar um espaçamento dentro do widget. É possível aplicar o padding de 2 maneiras:

1 - Utilizar o widget Container e dentro dele configurar o atributo padding

2 - Utilizar o widget Padding.

O ListView é um dos widgets mais utilizados e é utilizado para criar listas com rolagem.

Aprenda a adicionar botões com as ações na App Bar. Neste exemplo vamos fazer o layout do aplicativo alternar entre o ListView e GridView.

Um widget do tipo Stateful pode manter o estado da tela. Utilize o método setState() para que o flutter chame novamente o método build() para redesenhar o widget.

O Snack é um tipo de alerta muito comum no Material Design.

Aprenda a utilizar o widget AlertDialog param mostrar alertas.

Toast é um alerta temporário muito comum no Android e que pode ser adicionado no flutter via um plugin. Os plugins ficam no site https://pub.dartlang.org.

O Material Design é um padrão de interface criado pelo Google e que vamos estudar durante o curso.

O Floating Action Button (FAB) é um botão flutuante que é utilizado no Material Design para chamar a atenção do usuário para uma ação importante do aplicativo.

O Navigation Drawer é o menu lateral que desliza da esquerda para direita muito comum nos aplicativos.

O ListTile é um widget que facilita a criação de items dentro de uma lista, pois ele possui um título, descrição e a possibilidade de adicionar elementos na esquerda (leading) e direita (trailing).

O widget UserAccountsDrawerHeader é utilizado para criar o header do menu lateral. Nesta aula, também aprenda a criar uma imagem com borda arredondada com o CircleAvatar.

O SafeArea (área segura) permite que o layout do seu aplicativo seja desenhado corretamente dentro do espaço disponível na tela.

Tabs sem dúvida é um dos padrões de interface mais utilizados nos aplicativos. No flutter, as tabs são criadas com os widgets TabBar e TabBarView.