Prévia do material em texto
A respeito do React Developer Tools, é correto afirmar que: Trata-se de uma biblioteca que faz parte da instalação padrão do React Native e que não precisa ser A instalada individualmente. B Permite a visualização e a depuração da hierarquia somente de componentes customizados. Quando usada em conjunto com ferramentas de terceiros, como ferramentas de logs, permite a C análise de detalhes de cada componente contido no aplicativo. D Não permite depurar aplicativos por intermédio do próprio dispositivo Permite depurar aplicativos por meio do próprio dispositivo móvel ou de sua interface gráfica, que é E aberta após a inicialização da ferramenta. Em relação à hierarquia de componentes nativos, é correto afirmar que: A hierarquia de componentes em React Native é bastante flexível. Com isso, é possível utilizar em A conjunto diferentes componentes, inclusive como contêineres de outros componentes. Um componente não pode ser usado como contêiner. Consequentemente ele não pode ter nenhum B outro componente aninhado em si. C Um componente só pode ser contêiner de outros componentes do mesmo tipo. Embora os componentes possam ser usados como contêiner de outros, há uma restrição para essa D regra em relação ao componente View, que só pode ser utilizado para outros componentes do mesmo tipo. A regra de hierarquias ou de componentes que podem ser utilizados em conjunto é bastante flexível. Entretanto, no caso de componentes de diferentes tipos serem utilizados em conjunto, não é possível E estilizá-los individualmente, havendo apenas a possibilidade de que os filhos herdem os mesmos estilos dos elementos-pai. A linguagem utilizada no framework React Native é a JSX. A respeito dela, podemos afirmar que... Essa linguagem é interpretada diretamente pelos navegadores web tanto em dispositivos móveis A quanto em desktops. B JSX é, a exemplo do HTML, uma linguagem composta apenas por tags pré-definidas. JSX é uma linguagem composta apenas por tags, sejam elas pré-definidas, como no HTML, ou C criadas pelo desenvolvedor, como no XML. D A linguagem JSX é uma especificação da linguagem XML destinada à criação de aplicativos mobile. JSX é uma sintaxe de extensão da linguagem JavaScript que possui familiaridade com a XML. Tal E linguagem combina a lógica de componentes presente no JS e o mark-up DOM em um único código.Sobre o processo de transpilação realizado pelo React Native, assinale a alternativa correta: que o React Native faz, na verdade, é compilar todo o código-fonte, transformando-o em código A assembly. React Native é capaz de compilar seu código em um código nativo Android. Entretanto, isso não é B possível em relação à plataforma iOS. React Native compila um aplicativo-base cuja função é executar código JavaScript no C JavaScriptCore presente em cada dispositivo móvel. A partir disso, esse aplicativo faz a comunicação (ponte ou bridge) com os componentes nativos de cada plataforma. Ao final do processo de transpilação, é necessário, numa segunda etapa de building, utilizar os D compiladores específicos das linguagens de cada plataforma para então gerar um aplicativo que possa ser executado nelas. resultado da transpilação varia de acordo com a plataforma para a qual se desenvolve. No caso da E plataforma Android, é gerado um código na linguagem Java. Já no iOS, é gerado código Objective- C. 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 de que A permitem a exibição, dentro de um laço de repetição, usando código JS com componente React, de seu conteúdo. Os componentes de lista são elementos otimizados para a exibição de dados nesse formato, B 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. Embora sejam otimizados em relação à adaptação da janela de rolagem, os componentes de lista C possuem problemas de performance no que diz respeito ao consumo de memória. Os componentes de lista só permitirão a exibição de dados desde que seja possível determinar, antes D da renderização deles, sua quantidade. Os componentes de lista disponíveis só podem ser utilizados individualmente, não sendo possível a E combinação deles ou até a utilização de um mesmo tipo de forma aninhada. 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 é possível voltar à tela anterior sem antes recarregar todo o A aplicativo. As opções de navegação ficam dispostas em um menu, que, por padrão, fica escondido à esquerda B da tela. C Os botões de navegação nesse modelo ficam, por padrão, alocados na parte inferior da tela. A navegação no modelo Stack Navigator é realizada apenas por meio do botão de voltar no topo da D tela. Stack Navigator permite a navegação pelas telas do aplicativo por meio do método "navigate" ou do E 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".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. A Não é possível combinar a utilização desses três 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 do C container "NavigationContainer" no ponto de entrada de nosso aplicativo. É possível utilizar um ou mais modelos de navegação em conjunto em um aplicativo mobile. Para isso, D os containers de cada modelo 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 E codificar cada modelo no mesmo script em que as telas/screens são definidas e, em seguida, importar esses modelos para o ponto de entrada da aplicaçã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 capacidade de ser estilizado, que permite a alteração A completa de sua aparência. Embora estejam disponíveis alguns componentes nativos, como o Pressable, o Button e o B 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 inclusão de com os títulos que indicam a função do componente. framework React Native possui vários componentes nativos cuja função é permitir a interação do D usuário por intermédio do 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 de E exceto controlar outros componentes, como, por exemplo, abrir ou fechar uma janela modal.A gestão de pacotes e bibliotecas em um projeto React é realizada por gerenciadores de dependências, como, por exemplo, o NPM e YARN. Tendo como base NPM, assinale a alternativa que corresponde a um comando NPM válido. A npm install expo-cli B node -V C yarn add react-base D npx react-native init E react-native run-android Analise o fragmento de código a seguir e assinale a afirmativa que import 1:1 'red' corresponde à saída dele: Será exibido na tela o conteúdo do componente , ou seja, "texto", em fonte de preta, A dentro de um retângulo com background de cor - herdado da que contém o - que ocupará toda a largura da tela.