Prévia do material em texto

<p>16/09/24, 10:58</p><p>Page 1 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>A</p><p>B</p><p>C</p><p>1 Marcar para revisão</p><p>A respeito do React Developer</p><p>Tools, é correto afirmar que:</p><p>Quando usada em</p><p>conjunto com</p><p>ferramentas de terceiros,</p><p>como ferramentas de</p><p>logs, permite a análise de</p><p>detalhes de cada</p><p>componente contido no</p><p>aplicativo.</p><p>Trata-se de uma</p><p>biblioteca que faz parte</p><p>da instalação padrão do</p><p>React Native e que não</p><p>precisa ser instalada</p><p>individualmente.</p><p>Permite depurar</p><p>aplicativos por meio do</p><p>próprio dispositivo móvel</p><p>ou de sua interface</p><p>gráfica, que é aberta</p><p>após a inicialização da</p><p>ferramenta.</p><p>00</p><p>hora</p><p>: 35</p><p>min</p><p>: 09</p><p>seg</p><p>Ocultar</p><p>Questão 1 de 10</p><p>Respondidas (10) Em branco (0)</p><p>Finalizar prova</p><p>1 2 3 4 5</p><p>6 7 8 9 10</p><p>SM1</p><p>Programação Para Dispositivos Móveis Em</p><p>Android</p><p>16/09/24, 10:58</p><p>Page 2 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>D</p><p>E</p><p>A</p><p>B</p><p>C</p><p>Não permite depurar</p><p>aplicativos por intermédio</p><p>do próprio dispositivo</p><p>móvel.</p><p>Permite a visualização e</p><p>a depuração da</p><p>hierarquia somente de</p><p>componentes</p><p>customizados.</p><p>2 Marcar para revisão</p><p>Indique a opção correspondente à</p><p>lista de componentes nativos</p><p>existentes na plataforma Android.</p><p>< View >, < Text >, <</p><p>Image >, < TextInput >, <</p><p>ScrollView ></p><p>< ViewGroup >, <</p><p>TextView >, < ImageView</p><p>>, < EditText >, <</p><p>ScrollView ></p><p>< ViewUI >, < TextUI >, <</p><p>ImgUI >, < InputUI >, <</p><p>LargeViewUI ></p><p>16/09/24, 10:58</p><p>Page 3 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>D</p><p>E</p><p>A</p><p>B</p><p>C</p><p>D</p><p>E</p><p>< UIView >, < UITextView</p><p>>, < UIImageView >, <</p><p>UITextField >, <</p><p>UIScrollView ></p><p>< div >, < p >, < img >, <</p><p>input >, < div ></p><p>3 Marcar para revisão</p><p>Há duas formas para se instalar</p><p>um pacote utilizando o NPM: local</p><p>e global. Marque a alternativa</p><p>correspondente ao comando para</p><p>instalação local do Expo Cli.</p><p>npx init expo-cli</p><p>npm install expo-cli</p><p>npm install expo-cli local</p><p>install expo-cli</p><p>local install expo-cli</p><p>16/09/24, 10:58</p><p>Page 4 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>A</p><p>B</p><p>C</p><p>4 Marcar para revisão</p><p>Indique qual afirmativa está</p><p>correta em relação aos</p><p>componentes de lista disponíveis</p><p>em React Native.</p><p>Os componentes de lista</p><p>são containers simples,</p><p>como as View, com a</p><p>única diferença de que</p><p>permitem a exibição,</p><p>dentro de um laço de</p><p>repetição, usando o</p><p>código JS com o</p><p>componente React, de</p><p>seu conteúdo.</p><p>Os componentes de lista</p><p>disponíveis só podem ser</p><p>utilizados</p><p>individualmente, não</p><p>sendo possível a</p><p>combinação deles ou até</p><p>a utilização de um</p><p>mesmo tipo de forma</p><p>aninhada.</p><p>Os componentes de lista</p><p>só permitirão a exibição</p><p>de dados desde que seja</p><p>possível determinar,</p><p>antes da renderização</p><p>deles, sua quantidade.</p><p>16/09/24, 10:58</p><p>Page 5 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>D</p><p>E</p><p>A</p><p>Os componentes de lista</p><p>são elementos</p><p>otimizados para a</p><p>exibição de dados nesse</p><p>formato, possuindo</p><p>diversas otimizações,</p><p>que vão desde o</p><p>consumo de memória até</p><p>a renderização e a</p><p>atualização da janela</p><p>para a exibição dos itens.</p><p>Embora sejam otimizados</p><p>em relação à adaptação</p><p>da janela de rolagem, os</p><p>componentes de lista</p><p>possuem problemas de</p><p>performance no que diz</p><p>respeito ao consumo de</p><p>memória.</p><p>5 Marcar para revisão</p><p>Em uma SectionList, uma</p><p>propriedade define o ''agrupador''</p><p>ou definidor de cada seção a ser</p><p>exibida. Indique a alternativa que</p><p>corresponde a esse elemento.</p><p>data</p><p>16/09/24, 10:58</p><p>Page 6 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>B</p><p>C</p><p>D</p><p>E</p><p>A</p><p>renderItem</p><p>sections</p><p>keyExtractor</p><p>renderSectionHeader</p><p>6 Marcar para revisão</p><p>Assinale a alternativa que</p><p>corresponde à saída do código a</p><p>seguir:</p><p>Será exibido um erro</p><p>informando que o</p><p>componente < StyledText</p><p>> não foi importado.</p><p>16/09/24, 10:58</p><p>Page 7 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>B</p><p>C</p><p>D</p><p>E</p><p>A tela carregará em</p><p>branco, sem nenhum</p><p>conteúdo sendo exibido,</p><p>já que não foi importada</p><p>a biblioteca Style</p><p>Components.</p><p>Será exibida a frase</p><p>''texto azul'', com a cor</p><p>de fonte preta, colada no</p><p>canto superior direito,</p><p>uma vez que não foi</p><p>utilizado o componente</p><p>Style para definir estilos</p><p>específicos para o</p><p>componente em questão.</p><p>O aplicativo não</p><p>carregará, sendo</p><p>mostrada uma</p><p>mensagem de erro</p><p>informando que não foi</p><p>possível localizar a</p><p>variável ''styled'', pois a</p><p>biblioteca Style</p><p>Components não foi</p><p>carregada.</p><p>Será exibida a frase</p><p>''texto azul'', com a cor</p><p>de fonte azul, alinhada a</p><p>50 pixels da margem</p><p>superior e esquerda.</p><p>16/09/24, 10:58</p><p>Page 8 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>A</p><p>B</p><p>C</p><p>7 Marcar para revisão</p><p>A linguagem utilizada no</p><p>framework React Native é a JSX. A</p><p>respeito dela, podemos afirmar</p><p>que...</p><p>JSX é, a exemplo do</p><p>HTML, uma linguagem</p><p>composta apenas por</p><p>tags pré-definidas.</p><p>JSX é uma sintaxe de</p><p>extensão da linguagem</p><p>JavaScript que possui</p><p>familiaridade com a XML.</p><p>Tal linguagem combina a</p><p>lógica de componentes</p><p>presente no JS e o mark-</p><p>up DOM em um único</p><p>código.</p><p>Essa linguagem é</p><p>interpretada diretamente</p><p>pelos navegadores web</p><p>tanto em dispositivos</p><p>móveis quanto em</p><p>desktops.</p><p>16/09/24, 10:58</p><p>Page 9 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>D</p><p>E</p><p>A</p><p>B</p><p>A linguagem JSX é uma</p><p>especificação da</p><p>linguagem XML destinada</p><p>à criação de aplicativos</p><p>mobile.</p><p>JSX é uma linguagem</p><p>composta apenas por</p><p>tags, sejam elas pré-</p><p>definidas, como no</p><p>HTML, ou criadas pelo</p><p>desenvolvedor, como no</p><p>XML.</p><p>8 Marcar para revisão</p><p>A gestão de pacotes e bibliotecas</p><p>em um projeto React é realizada</p><p>por gerenciadores de</p><p>dependências, como, por exemplo,</p><p>o NPM e o YARN. Tendo como</p><p>base o NPM, assinale a alternativa</p><p>que corresponde a um comando</p><p>NPM válido.</p><p>react-native run-android</p><p>npm install explo-cli</p><p>16/09/24, 10:58</p><p>Page 10 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>C</p><p>D</p><p>E</p><p>A</p><p>B</p><p>npx react-native init</p><p>node -v</p><p>yarn add react-base</p><p>9 Marcar para revisão</p><p>Em relação aos recursos de</p><p>navegação disponíveis no</p><p>framework React Native, é correto</p><p>afirmar que:</p><p>A exemplo dos websites,</p><p>é possível construir a</p><p>navegação entre todas as</p><p>telas do aplicativo</p><p>utilizando apenas botões</p><p>como elementos de link.</p><p>A navegação entre as</p><p>telas em um aplicativo</p><p>React Native, sem a</p><p>instalação de bibliotecas</p><p>extras, pode ser feita</p><p>puramente com o código</p><p>JavaScript.</p><p>16/09/24, 10:58</p><p>Page 11 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>C</p><p>D</p><p>E</p><p>A organização de nosso</p><p>código em diferentes</p><p>pastas e códigos,</p><p>separando, por exemplo,</p><p>em scripts específicos os</p><p>códigos de cada tela, é o</p><p>suficiente para que seja</p><p>possível navegar entre</p><p>todas elas a partir de uma</p><p>tela principal.</p><p>A utilização de elementos</p><p>específicos e otimizados</p><p>para navegação deve ser</p><p>evitada, já que eles</p><p>interferem na</p><p>performance do</p><p>aplicativo. Em seu lugar,</p><p>é preciso dar preferência</p><p>à criação de aplicativos</p><p>com apenas uma tela, em</p><p>que todo o conteúdo fica</p><p>disponível em um único</p><p>lugar.</p><p>É preciso instalar</p><p>dependências/bibliotecas</p><p>extras para a construção</p><p>dos elementos de</p><p>navegação, como, por</p><p>exemplo, menus.</p><p>16/09/24, 10:58</p><p>Page 12 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>A</p><p>B</p><p>C</p><p>10 Marcar para revisão</p><p>Há três principais modelos de</p><p>navegação disponíveis em React</p><p>Native. Sobre esses modelos e sua</p><p>utilização em conjunto, aponte a</p><p>alternativa verdadeira.</p><p>É possível combinar</p><p>diferentes modelos de</p><p>navegação em um</p><p>mesmo aplicativo. Para</p><p>isso, basta codificar cada</p><p>modelo no mesmo script</p><p>em que as telas/screens</p><p>são definidas e, em</p><p>seguida, importar esses</p><p>modelos para o ponto de</p><p>entrada da aplicação.</p><p>A combinação entre os</p><p>três modelos é feita por</p><p>meio de propriedades</p><p>específicas e com a</p><p>única finalidade de linkar</p><p>diferentes modelos de</p><p>navegação.</p><p>Não é possível combinar</p><p>a utilização desses três</p><p>modelos, sendo</p><p>necessário utilizar</p><p>apenas um deles.</p><p>16/09/24, 10:58</p><p>Page 13 of 13https://estacio.saladeavaliacoes.com.br/prova/66e8360e4a8f61aa7a57ea5b/</p><p>D</p><p>E</p><p>É possível utilizar um ou</p><p>mais modelos de</p><p>navegação em conjunto</p><p>em um aplicativo mobile.</p><p>Para isso, os containers</p><p>de cada modelo de</p><p>navegação deverão ser</p><p>inseridos, no atributo</p><p>''component'', na</p><p>definição dos itens</p><p>(screens) de outro</p><p>modelo.</p><p>Para combinar diferentes</p><p>tipos de navegação</p><p>devemos inserir a</p><p>quantidade</p><p>correspondente do</p><p>container</p><p>''NavigationContainer''</p><p>no ponto de entrada de</p><p>nosso aplicativo.</p><p>Feedback</p>