Questionário Flutter 1

Olá meninas,
Segue uma pequena revisão e o questionário do Flutter - é sempre bom relembrar os fundamentos da tecnologia.

Widgets básicos
O Flutter vem com uma série de widgets básicos poderosos, dos quais os seguintes são comumente usados:

Text
O widget Text permite criar um trecho de texto estilizado em seu aplicativo.

Row, Column
Esses widgets flexíveis permitem criar layouts flexíveis nas direções horizontal (Row) e vertical (Column). O design desses objetos é baseado no modelo de layout flexbox da web.

Container
O widget Container permite criar um elemento visual retangular. Um container pode ser decorado com um BoxDecoration, como um plano de fundo, uma borda ou uma sombra. Um Container também pode ter margens, preenchimento e restrições aplicadas ao seu tamanho. Além disso, um Container pode ser transformado no espaço tridimensional usando uma matriz.
Abaixo estão alguns widgets simples que combinam esses e outros widgets:

O widget MyAppBar cria um Container com uma altura de 56 pixels independentes do dispositivo com um preenchimento interno de 8 pixels, tanto à esquerda quanto à direita. Dentro do container, o MyAppBar usa um layout Row para organizar seus filhos. O filho do meio, o widget de título, é marcado como Expanded, o que significa que ele se expande para preencher qualquer espaço disponível restante que não tenha sido consumido pelos outros filhos. Você pode ter vários filhos Expanded e determinar a proporção em que eles consomem o espaço disponível usando o argumento flex do Expanded.

O widget MyScaffold organiza seus filhos em uma coluna vertical. No topo da coluna, ele coloca uma instância de MyAppBar, passando um widget Text para ser usado como título da barra de aplicativos. Passar widgets como argumentos para outros widgets é uma técnica poderosa que permite criar widgets genéricos que podem ser reutilizados de várias maneiras. Por fim, MyScaffold usa um Expanded para preencher o espaço restante com seu corpo, que consiste em uma mensagem centralizada.

Usando Componentes de Material

O Flutter fornece uma série de widgets que ajudam a criar aplicativos que seguem o Material Design. Um aplicativo Material começa com o widget MaterialApp, que cria vários widgets úteis na raiz do seu aplicativo, incluindo um Navigator, que gerencia uma pilha de widgets identificados por strings, também conhecidos como "rotas". O Navigator permite que você faça transições suaves entre as telas do seu aplicativo. Usar o widget MaterialApp é totalmente opcional, mas é uma boa prática.

Observe que widgets são passados como argumentos para outros widgets. O widget Scaffold recebe vários widgets diferentes como argumentos nomeados, cada um dos quais é colocado no layout do Scaffold no local apropriado. Da mesma forma, o widget AppBar permite que você passe widgets para o widget leading e para as ações do widget de título. Esse padrão se repete em todo o framework e é algo a ser considerado ao projetar seus próprios widgets.

Lidando com Gesture
A maioria dos aplicativos inclui algum tipo de interação do usuário com o sistema. O primeiro passo para construir um aplicativo interativo é detectar gesture de entrada. Veja como isso funciona criando um botão simples:

O widget GestureDetector não tem uma representação visual, mas em vez disso, detecta ações feitos pelo usuário. Quando o usuário toca o Container, o GestureDetector chama seu callback onTap(), neste caso, imprimindo uma mensagem no console. Você pode usar o GestureDetector para detectar várias ações de entrada, incluindo toques, arrastar e escalonar.

Muitos widgets usam um GestureDetector para fornecer callbacks opcionais para outros widgets. Por exemplo, os widgets IconButton, ElevatedButton e FloatingActionButton têm callbacks onPressed() que são acionados quando o usuário toca no widget.

Para obter mais informações, confira Gestures no Flutter.

Alterando widgets em resposta à entrada
Até agora, esta página só usou widgets stateless. Os widgets stateless recebem argumentos de seu widget pai, que eles armazenam em variáveis membros finais. Quando um widget é solicitado a build(), ele usa esses valores armazenados para derivar novos argumentos para os widgets que cria.

Para criar experiências mais complexas, por exemplo, para reagir de maneiras mais interessantes à entrada do usuário, os aplicativos geralmente mantêm algum estado. O Flutter usa StatefulWidgets para capturar essa ideia. StatefulWidgets são widgets especiais que sabem como gerar objetos State, que são então usados para manter o estado.

Você pode estar se perguntando por que StatefulWidget e State são objetos separados. No Flutter, esses dois tipos de objetos têm ciclos de vida diferentes. Widgets são objetos temporários usados para construir uma apresentação da aplicação em seu estado atual. Objetos State, por outro lado, são persistentes entre chamadas a build(), permitindo que eles lembrem informações.

1 - Qual widget permite criar um trecho de texto estilizado em um aplicativo Flutter?
a) Row
b) Column
c) Text

2 -Qual widget é usado para criar layouts flexíveis na direção vertical?
a) Text
b) Row
c) Column

3 - O que é usado para decorar um Container com um plano de fundo, borda ou sombra?
a) BoxDecoration
b) Stack
c) Row

4 - Qual é o widget usado para criar um aplicativo Material no Flutter?
a) MaterialApp
b) MyScaffold
c) MyMaterialApp

5 - O que é necessário para usar o conjunto predefinido de ícones do Material no Flutter?
a) uses-material-design: false
b) uses-material-design: true
c) uses-material-design: maybe

6 - Qual widget permite criar uma barra de aplicativos Material no Flutter?
a) MyScaffold
b) Scaffold
c) MaterialAppBar

7 - Qual widget é usado para detectar ações feitas pelo usuário no Flutter?
a) Text
b) GestureDetector
c) Stack

8 - Que callback é acionado quando o usuário toca em um widget GestureDetector?
a) onGesture
b) onTap
c) onTouch

9 - Para que são usados os widgets stateless no Flutter?
a) Para armazenar estado mutável
b) Para criar layouts flexíveis
c) Para construir uma apresentação da aplicação em seu estado atual

10 - Qual função é usada para alterar o estado interno de um widget StatefulWidget no Flutter?
a) build()
b) setState()
c) initState()

11 - O que acontece quando um objeto de estado não é mais necessário no Flutter?
a) Ele é mantido em cache indefinidamente
b) O framework chama a função build() novamente
c) O framework chama a função dispose()

12 - Qual é o objetivo das chaves (Keys) no Flutter?
a) Controlar a ordem de exibição dos widgets
b) Garantir que os widgets tenham a mesma cor
c) Controlar quais widgets o framework associa quando um widget é reconstruído.

13- Onde são mais úteis as chaves no Flutter?
a) Em widgets que criam muitas instâncias do mesmo tipo de widget
b) Em widgets stateful
c) Em widgets que não possuem layout flexível

14 -O que são chaves globais no Flutter?
a) Chaves que são globalmente únicas em toda a hierarquia de widgets
b) Chaves usadas apenas em widgets stateful
c) Chaves que são definidas globalmente em todo o aplicativo

15 - Qual é o widget usado para criar uma barra de aplicativos no Flutter?
a) AppBar
b) Toolbar
c) NavAppBar

16 - Qual é o widget usado para criar uma pilha de widgets identificados por strings no Flutter?
a) Navigator
b) Stack
c) PageView

17 - Qual função é usada para fazer transições entre as telas de um aplicativo no Flutter?
a) Navigator.push()
b) Navigator.pop()
c) Navigator

Respostas:

1 c) Text
2 c) Column
3 a) BoxDecoration
4 a) MaterialApp
5 b) uses-material-design: true
6 b) Scaffold
7 b) GestureDetector
8 b) onTap
9 c) Para construir uma apresentação da aplicação em seu estado atual
10 b) setState()
11 c) O framework chama a função dispose()
12 c) Controlar quais widgets o framework associa quando um widget é reconstruído
13 a) Em widgets que criam muitas instâncias do mesmo tipo de widget
14 a) Chaves que são globalmente únicas em toda a hierarquia de widgets
15 a) AppBar
16 a) Navigator
17 c) Navigator

E aí? Acertou todas? Até a próxima...