Grátis: Dado o código abaixo, assinale a alternativa que corresponde à sua saída. import React from 'react'; import { text } from 'react-native'; const E... – Questões Respondidas

Desenvolvimento de Software

Outros

Dado o código abaixo, assinale a alternativa que corresponde à sua saída.

import React from 'react';
import { text } from 'react-native';

const Estilos = () => {
return (Texto Azul);
}

const StyledText = styled.text
color: blue;
margin-top: 50px;
margin-left: 50px;
;

export default Estilos
Será exibida a frase ''texto azul'', com a cor de 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 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, 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 conteúdo sendo exibido, já que não foi importada a biblioteca Style Components.
Será exibido um erro informando que o componente < StyledText > não foi importado.

Tópicos de Análise e Desenvolvimento de Sistemas

há 14 horas

Tópicos de Análise e Desenvolvimento de Sistemas

há 14 horas

React Native: Navegação e Animações

ESTÁCIO

Respostas

Ed

há 14 horas

Analisando o código e as alternativas: 1. O código importa React e tenta importar "text" de 'react-native', mas o correto seria importar "Text" com T maiúsculo, e não "text". 2. O componente Estilos retorna apenas o texto "Texto Azul" sem usar JSX (não está entre < >), o que causaria erro. 3. O componente StyledText usa "styled.text", mas não há importação da biblioteca styled-components, nem da variável "styled", o que causaria erro. 4. O componente StyledText não é usado dentro do componente Estilos. 5. A exportação é do componente Estilos, que não usa StyledText. Portanto, o principal problema é que a variável "styled" não foi importada, o que causará erro. Assim, a alternativa correta é: "O 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."

Essa resposta te ajudou?

0

0

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

React Native: Navegação e Animações

ESTÁCIO

Mais perguntas desse material

Em relação aos recursos de navegação disponíveis no framework React Native, é correto afirmar que:
A utilização de elementos específicos e otimizados para navegação deve ser evitada, já que eles interferem na performance do 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 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 extras, pode ser feita puramente com o código JavaScript.
É preciso instalar dependências/bibliotecas 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 utilizando apenas botões como elementos de link.

O Stack Navigator permite criar uma ''pilha de telas''. Em relação a seu modelo de navegação, é correto afirmar:
A navegação no modelo Stack Navigator é realizada apenas por meio do botão de voltar no topo da tela.
Após navegar para determinada tela, não é possível voltar à tela anterior sem antes recarregar todo o aplicativo.
O Stack Navigator permite a navegação pelas telas do aplicativo por meio do método ''navigate'' ou do botão de voltar, inserido por default no topo de cada tela. Com isso, é possível acessar qualquer uma das telas que tenha sido incluída em seus ''screens''.
As opções de navegação ficam dispostas em um menu, que, por padrão, fica escondido à esquerda da tela.
Os botões de navegação nesse modelo ficam, por padrão, alocados na parte inferior da tela.

A utilização de animações fornece aos usuários uma melhor experiência no manuseio dos aplicativos mobile. Em React Native, estão disponíveis nativamente duas APIs para a animação de elementos. Falando da LayoutAnimation API, é correto afirmar que:
É uma API totalmente estável e sem limitações conhecidas, funcionando de forma idêntica nas plataformas Android e iOS.
Essa API é voltada para a animação do layout do aplicativo, permitindo, por exemplo, que efeitos sejam exibidos quando o aplicativo está sendo carregado/renderizado.
A LayoutAnimation é uma API mais flexível e que possui mais recursos que a Animated API, devendo ser usada de forma preferencial para a animação de qualquer tipo de componente.
A Animated API é a biblioteca de animações do React Native voltada para a plataforma Android, enquanto a LayoutAnimation faz o mesmo papel na plataforma iOS.
Por questões de performance, a LayoutAnimation nunca deve ser utilizada em conjunto com a Animated API.

O React Native possui três principais modelos de navegação. A respeito das características de cada um desses modelos e considerando um aplicativo que possua dez telas, é correto afirmar:
Por padrão de boas práticas, deve-se adotar sempre (e no máximo) dois modelos de navegação, porque os usuários tendem a ter dificuldade quando colocados diante de muitas opções de escolha.
A adoção dos três modelos de navegação consiste em uma boa estratégia, uma vez que é possível, por exemplo, exibir, por meio de Tab Navigation, os links mais importantes e combinar os demais links nos outros modelos de navegação. Isso permitiria a criação de uma tela e um modelo de navegação concisos.
Para facilitar a navegação e não confundir o usuário, deve-se adotar apenas um modelo de navegação, como acontece na maioria dos aplicativos mobile.
Todas as telas do aplicativo devem ser incluídas como itens (screens) de todos os modelos de navegação. Isso, além de deixar o código mais limpo e simples, daria ao usuário a autonomia de escolher como quer navegar pelo aplicativo.
O Drawer Navigation é o modelo indicado para essa quantidade de ícones, pois permite que todas as opções de navegação fiquem expostas o tempo todo, sem a necessidade de nenhuma ação por parte dos usuários.

Analise o fragmento de código adiante e, em seguida, assinale alternativa que corresponde ao que acontecerá na renderização dele:
A imagem será exibida em formato ASCII, já que foi incluída dentro de um componente Text.
Será exibido um erro informando que não é possível inserir componentes Image como filhos de componentes Text.
Nada será exibido, uma vez que não é permitido, na sintaxe do React Native, a inclusão de Image dentro de Text.
A imagem será exibida normalmente, mesmo estando contida dentro de um componente Text.
Será exibido o texto equivalente à propriedade source do componente Image.

Indique qual afirmativa está correta em relação aos componentes de lista disponíveis em React Native.

Os componentes de lista disponíveis só podem ser utilizados individualmente, não sendo possível a combinação deles ou até a utilização de um mesmo tipo de forma aninhada.

Os componentes de lista só permitirão a exibição de dados desde que seja possível determinar, antes da renderização deles, sua quantidade.

Os componentes de lista são elementos otimizados para a exibição de dados nesse formato, possuindo 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.

Os componentes de lista são containers simples, como as View, com a única diferenç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.

Embora sejam otimizados em relação à adaptação da janela de rolagem, os componentes de lista possuem problemas de performance no que diz respeito ao consumo de memória.