lista_exec_mobile_3

Prévia do material em texto

25/03/2025, 17:59 Você acertou 9 de 10 questões Verifique o seu desempenho e continue treinando! Você pode refazer o exercício quantas vezes quiser. Verificar Desempenho 1 Marcar para revisão Há três principais modelos de navegação disponíveis em React Native. Sobre esses modelos e sua utilização em conjunto, aponte a alternativa verdadeira. Não é possível combinar a utilização desses três A modelos, sendo necessário utilizar apenas um deles. A combinação entre os três modelos é feita por meio de propriedades específicas e com a única B finalidade de linkar diferentes modelos de navegação. Para combinar diferentes tipos de navegação devemos inserir a quantidade correspondente C do container "NavigationContainer" no ponto de entrada de nosso aplicativo. 1/1525/03/2025, 17:59 estacio.saladeavaliacoes.com.br/exercicio/67e317758c9ded20bfa2e43e/gabarito É possível utilizar um ou mais modelos de navegação em conjunto em um aplicativo mobile. Para isso, os containers de cada modelo D de navegação deverão ser inseridos, no atributo "component", na definição dos itens (screens) de outro modelo. É possível combinar diferentes modelos de navegação em um mesmo aplicativo. Para isso, basta codificar cada modelo no mesmo script E em que as telas/screens são definidas e, em seguida, importar esses modelos para o ponto de entrada da aplicação. Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado A alternativa correta é a D. Nela, é explicado que é possível utilizar um ou mais modelos de navegação em conjunto em um aplicativo mobile. Para isso, os containers de cada modelo de navegação deverão ser inseridos no atributo "component", na definição dos itens (screens) de outro modelo. Isso significa que, em um aplicativo React Native, é possível combinar diferentes modelos de navegação, permitindo uma maior flexibilidade e adaptabilidade ao desenvolver a interface do usuário. 2 Marcar para revisão Analise o fragmento de código adiante e, em seguida, assinale 2/1525/03/2025, 17:59 alternativa que corresponde ao que acontecerá na renderização dele: A imagem será exibida normalmente, mesmo A estando contida dentro de um componente Text. A imagem será exibida em formato ASCII, já que B foi incluída dentro de um componente Text. Será exibido um erro informando que não é C possível inserir componentes Image como filhos de componentes Text. Nada será exibido, uma vez que não é D permitido, na sintaxe do React Native, a inclusão de Image dentro de Text. Será exibido o texto equivalente à propriedade E source do componente Image. Resposta correta você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado A resposta certa é: A imagem será exibida normalmente, mesmo estando contida dentro de um componente Text. 3/1525/03/2025, 17:59 3 Marcar para revisão Stack Navigator permite criar uma "pilha de telas". Em relação a seu modelo de navegação, é correto afirmar: Após navegar para determinada tela, não é A possível voltar à tela anterior sem antes recarregar todo o aplicativo. As opções de navegação ficam dispostas em B um menu, que, por padrão, fica escondido à esquerda da tela. Lista de exercícios Interface... T Sair por padrão, alocados na parte inferior da tela. Questão 6 de 10 A navegação no modelo Stack Navigator é D realizada apenas por meio do botão de voltar no 1 2 3 4 topo da tela. 6 7 8 9 10 Stack Navigator permite a navegação pelas telas do aplicativo por meio do método Corretas (9) "navigate" ou do botão de voltar, inserido por Incorretas (1) E default no topo de cada tela. Com isso, é Em branco (0) possível acessar qualquer uma das telas que tenha sido incluída em seus "screens". Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado Stack Navigator é uma ferramenta que permite a criação de uma "pilha de telas", facilitando a navegação entre diferentes telas de um aplicativo. A alternativa correta é a E, que afirma que o Stack 4/1525/03/2025, 17:59 Navigator permite a navegação pelas telas do aplicativo por meio do método "navigate" ou do botão de voltar, que é inserido automaticamente no topo de cada tela. Isso significa que, ao utilizar o Stack Navigator, é possível acessar qualquer tela que tenha sido incluída em seus "screens", sem a necessidade de recarregar todo o aplicativo ou de ter botões de navegação alocados na parte inferior da tela. 4 Marcar para revisão Em uma SectionList, uma propriedade define o "agrupador" ou definidor de cada seção a ser exibida. Indique a alternativa que corresponde a esse elemento. A data B keyExtractor C renderSectionHeader D sections E renderItem Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado 5/1525/03/2025, 17:59 A propriedade que define o "agrupador" ou o definidor de cada seção em uma SectionList é a Essa propriedade é responsável por renderizar cabeçalho de cada seção, ou seja, é ela que determina como cada seção será exibida na lista. Portanto, a alternativa correta é a 5 Marcar para revisão Um botão é um elemento de interação que permite ao usuário executar algumas ações ao pressioná-lo. Há alguns componentes disponíveis em React Native com essa função. A respeito deles, escolha a alternativa correta. O componente Button é o que possui a melhor A capacidade de ser estilizado, o que permite a alteração completa de sua aparência. Embora estejam disponíveis alguns componentes nativos, como o Pressable, o B Button e o TouchableHighLight, entre outros, nem todos estão disponíveis para as plataformas Android e iOS. A principal limitação desses componentes em React Native é o fato de eles não permitirem a C inclusão de ícones com os títulos que indicam a função do componente. 6/1525/03/2025, 17:59 framework React Native possui vários componentes nativos cuja função é permitir a interação do usuário por intermédio do D toque/pressionamento sobre tais componentes. Entre as opções disponíveis, devemos dar preferência ao Pressable. Os componentes do tipo Pressable, em React Native, permitem ao usuário realizar uma série E de ações, exceto controlar outros componentes, como, por exemplo, abrir ou fechar uma janela modal. Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado O enunciado nos pede para identificar a alternativa correta sobre os componentes de botão no React Native. A alternativa D é a correta, pois o framework React Native realmente possui vários componentes nativos que permitem a interação do usuário por meio do toque ou pressionamento. Entre esses componentes, o Pressable é uma opção preferencial, pois oferece uma maior flexibilidade e controle sobre a resposta visual de toque, além de ser compatível com ambas as plataformas, Android e iOS. 6 Marcar para revisão Dado o código abaixo, assinale a alternativa que corresponde à sua saída. import React from import { text } from 'react-native' ; 7/1525/03/2025 17:59 const Estilos = () => { return (Texto Azul); const StyledText = styled.text color: blue; 50px; margin-left: 50px; ; export default Estilos Será exibida a frase "texto azul", com a cor de A fonte azul, alinhada a 50 pixels da margem superior e esquerda. O aplicativo não carregará, sendo mostrada uma mensagem de erro informando que não foi B possível localizar a variável "styled", pois a biblioteca Style Components não foi carregada. Será exibida a frase "texto azul", com a cor de fonte preta, colada no canto superior direito, C uma vez que não foi utilizado o componente Style para definir estilos específicos para o componente em questão. A tela carregará em branco, sem nenhum D conteúdo sendo exibido, já que não foi importada a biblioteca Style Components. Será exibido um erro informando que o E componente não foi importado. 8/1525/03/2025, 17:59 X Resposta incorreta Opa! A alternativa correta é a letra B. Confira o gabarito comentado! Gabarito Comentado A resposta certa é: aplicativo não carregará, sendo mostrada uma mensagem de erro informando que não foi possível localizar a variável "styled", pois a biblioteca Style Components não foi carregada. 7 Marcar para revisão Analise o fragmento de código a seguir e assinale a afirmativa que import container: backgroundColor export corresponde à saída dele: Será exibido na tela o conteúdo do componente que contém o - que ocupará toda a largura da tela. Será exibido o texto solto na tela, colado no B canto superior direito, uma vez que não foram definidos estilos para o componente25/03/2025, 17:59 Será exibido um background de cor vermelha, C sem nenhum texto ou qualquer outra informação, cobrindo toda a tela. Será exibido um erro informando que não foram D definidos estilos para o componente herdou o estilo do componente no qual está inserido: o . Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado A resposta certa é: Será exibido na tela o conteúdo do componente que contém o que ocupará toda a largura da tela. 8 Marcar para revisão Em relação aos recursos de navegação disponíveis no framework React Native, é correto afirmar que: 10/1525/03/2025, 17:59 estacio.saladeavaliacoes.com.br/exercicio/67e317758c9ded20bfa2e43e/gabarito/ É preciso instalar dependências/bibliotecas A extras para a construção dos elementos de navegação, como, por exemplo, menus. A exemplo dos websites, é possível construir a navegação entre todas as telas do aplicativo B utilizando apenas botões como elementos de link. A utilização de elementos específicos e otimizados para navegação deve ser evitada, já que eles interferem na performance do C aplicativo. Em seu lugar, é preciso dar preferência à criação de aplicativos com apenas uma tela, em que todo o conteúdo fica disponível em um único lugar. A organização de nosso código em diferentes pastas e códigos, separando, por exemplo, em D scripts específicos os códigos de cada tela, é o suficiente para que seja possível navegar entre todas elas a partir de uma tela principal. A navegação entre as telas em um aplicativo React Native, sem a instalação de bibliotecas E extras, pode ser feita puramente com o código JavaScript. Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado A alternativa correta é a letra A. No framework React Native, para a construção dos elementos de navegação, como menus, é necessário instalar dependências ou bibliotecas extras. Isso ocorre 11/1525/03/2025, 17:59 porque o React Native, por si só, não fornece uma solução completa para a navegação entre as telas de um aplicativo. Portanto, para criar uma experiência de navegação eficiente e otimizada, é comum a utilização de bibliotecas externas, como o React Navigation ou o React Native Navigation. 9 Marcar para revisão Indique qual afirmativa está correta em relação aos componentes de lista disponíveis em React Native. Os componentes de lista são containers simples, como as View, com a única diferença A de que permitem a exibição, dentro de um laço de repetição, usando o código JS com o componente React, de seu conteúdo. Os componentes de lista são elementos otimizados para a exibição de dados nesse formato, possuindo diversas otimizações, que B vão desde o consumo de memória até a renderização e a atualização da janela para a exibição dos itens. Embora sejam otimizados em relação à adaptação da janela de rolagem, os C componentes de lista possuem problemas de performance no que diz respeito ao consumo de memória. 12/1525/03/2025, 17:59 Os componentes de lista só permitirão a exibição de dados desde que seja possível D determinar, antes da renderização deles, sua quantidade. Os componentes de lista disponíveis só podem ser utilizados individualmente, não sendo E possível a combinação deles ou até a utilização de um mesmo tipo de forma aninhada. Resposta correta Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado! Gabarito Comentado A alternativa correta é a B. Os componentes de lista em React Native são otimizados para a exibição de dados em formato de lista. Eles possuem diversas otimizações, que vão desde o consumo de memória até a renderização e a atualização da janela para a exibição dos itens. Isso significa que eles são projetados para lidar eficientemente com grandes quantidades de dados, minimizando o uso de memória e otimizando a velocidade de renderização e atualização da janela de exibição. 10 Marcar para revisão Assinale a alternativa correspondente à saída deste código: 13/1525/03/2025, 17:59 import -as - from react import Text from from from const 1 function -return - - />1 -25/03/2025, 17:59 TabBottom. 15/15