Desempenho e Navegação no Flutter

Prévia do material em texto

<p>Você acertou 10 de 10 questões</p><p>Verifique o seu desempenho e continue treinando! Você</p><p>pode refazer o exercício quantas vezes quiser.</p><p>Verificar Desempenho</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>1 Marcar para revisão</p><p>No Flutter, o ListView é um widget amplamente utilizado</p><p>para exibir uma lista de itens roláveis. Ele oferece</p><p>flexibilidade e eficiência na renderização de grandes</p><p>conjuntos de dados. Qual é a principal propriedade</p><p>utilizada para definir os itens de um ListView no Flutter?</p><p>Children.</p><p>ItemBuilder.</p><p>ItemCount.</p><p>SeparatorBuilder.</p><p>ShrinkWrap.</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Questão 1 de 10</p><p>Corretas �10�</p><p>Em branco �0�</p><p>1 2 3 4 5</p><p>6 7 8 9 10</p><p>Feedback</p><p>Exercicio Interface Gráfica Com Flutter Sair</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>Gabarito Comentado</p><p>A principal propriedade utilizada para definir os itens</p><p>de um ListView no Flutter é o `itemBuilder`. Essa</p><p>propriedade permite que você defina uma função</p><p>que será chamada para cada item da lista,</p><p>especificando como cada item deve ser renderizado.</p><p>A função `itemBuilder` recebe o contexto e o índice</p><p>do item e deve retornar o widget correspondente ao</p><p>item da lista.</p><p>2 Marcar para revisão</p><p>No desenvolvimento de aplicativos Flutter, o uso de</p><p>widgets do tipo ListTile dentro de um ListView é uma</p><p>prática bastante comum. Neste contexto, indique uma</p><p>possível utilidade do ListTile quando utilizado em</p><p>conjunto com o ListView no Flutter?</p><p>Definir a cor de fundo do ListView.</p><p>Determinar o número de itens exibidos no</p><p>ListView.</p><p>Adicionar ícones aos itens do ListView.</p><p>Estilizar o texto dos itens do ListView.</p><p>Controlar o espaçamento entre os itens do</p><p>ListView.</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>Quando utilizado em conjunto com o ListView, o</p><p>ListTile incorpora todas as suas possibilidades aos</p><p>itens do ListView. O ListTile permite exibir</p><p>informações, como texto e ícones, em um formato de</p><p>lista. O ListView é responsável por rolar e exibir os</p><p>itens da lista, enquanto o ListTile é utilizado para</p><p>definir o conteúdo de cada item individualmente. Isso</p><p>inclui a adição de ícones, título, subtítulo e outras</p><p>propriedades relacionadas ao item da lista.</p><p>3 Marcar para revisão</p><p>No desenvolvimento mobile existem diversas formas de</p><p>navegar entre telas. Vários frameworks, como o flutter,</p><p>possuem implementações para esses diferentes estilos</p><p>de navegação. No Flutter, um dos padrões de navegação</p><p>comumente utilizado é o Stack Navigator. Qual é a</p><p>principal característica do Stack Navigator no Flutter?</p><p>Permite navegação entre telas em um formato</p><p>de lista, onde o usuário desliza horizontalmente</p><p>para alternar entre as telas.</p><p>Apresenta uma barra de navegação no rodapé</p><p>da tela, oferecendo acesso rápido às diferentes</p><p>telas do aplicativo.</p><p>Empilhar as telas uma em cima da outra,</p><p>permitindo a sobreposição de telas e o retorno à</p><p>tela anterior através do botão "Voltar".</p><p>Utiliza um menu lateral de navegação para exibir</p><p>as diferentes telas e oferecer uma forma intuitiva</p><p>de alternar entre elas.</p><p>Oferece um fluxo de navegação linear, onde o</p><p>usuário avança para a próxima tela e não pode</p><p>retornar à tela anterior.</p><p>A</p><p>B</p><p>C</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>A principal característica do Stack Navigator é</p><p>empilhar as telas uma em cima da outra, permitindo a</p><p>sobreposição de telas e o retorno à tela anterior</p><p>através do botão "Voltar". Ao retornar à tela anterior,</p><p>a tela no topo da pilha é removida, revelando a tela</p><p>anterior.</p><p>4 Marcar para revisão</p><p>Ao trabalhar com conjuntos muito grandes de itens em</p><p>uma lista, tanto o SliverList quanto o ListView no Flutter</p><p>oferecem abordagens diferentes para otimizar a</p><p>renderização e o desempenho. Qual é a principal</p><p>diferença entre o SliverList e o ListView em relação à</p><p>renderização de conjuntos muito grandes de itens?</p><p>O SliverList é mais eficiente em termos de</p><p>desempenho e consumo de recursos.</p><p>O ListView é mais adequado para lidar com</p><p>conjuntos muito grandes de itens.</p><p>Ambos têm o mesmo desempenho e eficiência</p><p>ao renderizar conjuntos grandes de itens.</p><p>D</p><p>E</p><p>O SliverList e o ListView não são recomendados</p><p>para renderizar conjuntos muito grandes de</p><p>itens.</p><p>O SliverList e o ListView não têm diferenças</p><p>significativas ao lidar com conjuntos grandes de</p><p>itens.</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>O SliverList utiliza o conceito de Slivers, que são</p><p>widgets otimizados para rolagem e renderização de</p><p>listas grandes. Ele carrega apenas os itens visíveis na</p><p>tela, resultando em um melhor desempenho e</p><p>economia de memória quando se trata de listas com</p><p>muitos itens. Por outro lado, o ListView renderiza</p><p>todos os itens imediatamente, o que pode levar a um</p><p>consumo excessivo de recursos em conjuntos muito</p><p>grandes de itens.</p><p>5 Marcar para revisão</p><p>No Flutter, o DrawerNavigator é um componente utilizado</p><p>para criar um menu de navegação lateral, permitindo que</p><p>o usuário acesse diferentes telas ou funcionalidades do</p><p>aplicativo. Qual das seguintes afirmações sobre o</p><p>DrawerNavigator está correta?</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>O DrawerNavigator é uma forma de navegação</p><p>que utiliza abas na parte inferior da tela,</p><p>oferecendo acesso rápido às diferentes telas do</p><p>aplicativo.</p><p>O DrawerNavigator exibe um menu de</p><p>navegação lateral que pode ser aberto e</p><p>fechado deslizando o dedo na tela, fornecendo</p><p>uma forma intuitiva de acesso às opções do</p><p>aplicativo.</p><p>O DrawerNavigator é um componente exclusivo</p><p>do Flutter para a criação de telas de login, onde</p><p>o usuário pode inserir suas credenciais de</p><p>acesso.</p><p>O DrawerNavigator permite que o usuário</p><p>navegue entre diferentes páginas da web sem</p><p>sair do aplicativo, exibindo-as dentro de um</p><p>WebView embutido.</p><p>O DrawerNavigator é utilizado para a criação de</p><p>animações complexas, permitindo a transição</p><p>suave entre diferentes telas ou componentes do</p><p>aplicativo.</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>O DrawerNavigator oferece um menu lateral que</p><p>permite ao usuário acessar diferentes telas ou</p><p>funcionalidades do aplicativo de forma intuitiva.</p><p>6 Marcar para revisão</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>No Flutter, o Modal é um recurso utilizado para exibir</p><p>conteúdos sobrepostos temporariamente na interface do</p><p>aplicativo. Qual dos seguintes componentes pode ser</p><p>utilizado para criar um Modal?</p><p>`AppBar`</p><p>`TextField`</p><p>`ListView`</p><p>`BottomSheet`</p><p>`ElevatedButton`</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>Embora o `ElevatedButton` seja mais comumente</p><p>utilizado para realizar ações específicas na interface</p><p>do aplicativo, ele também pode ser utilizado para</p><p>criar um Modal. O `ElevatedButton` pode ser</p><p>configurado para exibir um conteúdo sobreposto</p><p>temporariamente quando pressionado, por exemplo,</p><p>exibindo um diálogo ou uma caixa de confirmação.</p><p>7 Marcar para revisão</p><p>No desenvolvimento mobile, criamos recursos que serão</p><p>executados em diversos dispositivos com diferentes</p><p>capacidades de processamento. Isto pode trazer algumas</p><p>demoras ao acessar determinado recurso em certos</p><p>dispositivos. Como podemos indicar ao usuário que o</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>aplicativo não "travou", mas continua em execução</p><p>normalmente?</p><p>Exibindo uma mensagem de erro informando</p><p>sobre a demora no processamento.</p><p>Interrompendo temporariamente a execução do</p><p>aplicativo até que o recurso seja carregado por</p><p>completo.</p><p>Utilizando o componente</p><p>`CircularProgressIndicator` para exibir uma</p><p>animação de progresso.</p><p>Ocultando temporariamente a interface do</p><p>aplicativo até que o recurso seja carregado por</p><p>completo.</p><p>Encerrando o aplicativo automaticamente</p><p>quando ocorrer demora no processamento.</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito</p><p>Comentado</p><p>Para indicar ao usuário que o aplicativo não "travou",</p><p>mas continua em execução normalmente durante</p><p>demoras no processamento, podemos utilizar o</p><p>componente `CircularProgressIndicator`. Esse</p><p>componente exibe uma animação circular de</p><p>progresso, indicando que o aplicativo está ocupado</p><p>realizando uma tarefa. Ao exibir o</p><p>`CircularProgressIndicator`, o usuário compreende</p><p>que o aplicativo está trabalhando e aguardando a</p><p>conclusão da tarefa.</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>8 Marcar para revisão</p><p>Na criação de aplicativos Flutter, a utilização de temas</p><p>desempenha um papel fundamental na estilização</p><p>consistente e eficiente da interface. Considerando a</p><p>utilização de temas no Flutter, qual é a classe principal</p><p>utilizada para definir os estilos de um tema?</p><p>`ColorScheme`</p><p>`TextStyle`</p><p>`MediaQueryData`</p><p>`IconTheme`</p><p>`ThemeData`</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>O `ThemeData` é responsável por agrupar as</p><p>configurações de estilo, como cores, tipografia,</p><p>ícones e outros atributos visuais. Ao definir um</p><p>`ThemeData`, é possível aplicá-lo de forma</p><p>consistente em todos os Widgets do aplicativo,</p><p>garantindo uma estilização coesa e eficiente.</p><p>9 Marcar para revisão</p><p>O Flutter nos permite criar Widgets que armazenam</p><p>estado, os chamados Stateful Widgets. Qual o método</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>utilizado para alterar o estado de um Widget desse tipo?</p><p>`setState()`</p><p>`updateState()`</p><p>`changeState()`</p><p>`modifyState()`</p><p>`refreshState()`</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>Para alterar o estado de um Widget no Flutter, utiliza-</p><p>se o método `setState()`. Esse método é responsável</p><p>por notificar o framework de que o estado do Widget</p><p>foi alterado, o que resulta na atualização da interface</p><p>do usuário. Ao chamar o `setState()`, o Flutter</p><p>reconstrói o Widget e renderiza as alterações</p><p>necessárias com base no novo estado.</p><p>10 Marcar para revisão</p><p>No Flutter, tanto o SliverGrid quanto o GridView são</p><p>widgets utilizados para exibir elementos em formato de</p><p>grade. No entanto, existem diferenças importantes entre</p><p>eles. Qual das seguintes afirmações diferencia</p><p>corretamente o SliverGrid do GridView?</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>O SliverGrid é mais adequado para exibir</p><p>grandes conjuntos de dados em formato de</p><p>grade, enquanto o GridView é mais adequado</p><p>para exibir pequenos conjuntos de dados.</p><p>O SliverGrid suporta apenas um número fixo de</p><p>colunas em sua grade, enquanto o GridView</p><p>permite um layout de grade flexível.</p><p>O SliverGrid requer o uso de um widget</p><p>adicional, como o CustomScrollView, para exibir</p><p>a grade, enquanto o GridView pode ser utilizado</p><p>de forma independente.</p><p>O SliverGrid não suporta a rolagem dos itens</p><p>exibidos, enquanto o GridView permite a</p><p>rolagem quando a grade excede o espaço</p><p>disponível na tela.</p><p>O SliverGrid oferece melhor desempenho e</p><p>otimização para a exibição de grandes</p><p>conjuntos de dados em formato de grade,</p><p>enquanto o GridView é mais adequado para</p><p>exibir pequenos conjuntos de dados.</p><p>Resposta correta</p><p>Parabéns, você selecionou a alternativa</p><p>correta. Confira o gabarito comentado!</p><p>Gabarito Comentado</p><p>O SliverGrid é um componente utilizado em conjunto</p><p>com o CustomScrollView para criar uma lista rolável</p><p>de elementos em formato de grade. Por outro lado, o</p><p>GridView pode ser utilizado como um widget</p><p>autônomo para exibir uma grade de itens, sem a</p><p>necessidade de outros widgets adicionais.</p>