PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS

Prévia do material em texto

1a 
 Questão / 
Acerto: 0,2 / 0,2 
 
O React Native facilita o desenvolvimento híbrido de aplicações mobile. Aponte a alternativa correta em 
relação aos benefícios apresentados por ele. 
 
 
 
Os aplicativos desenvolvidos em React Native utilizam uma linguagem de alto nível que é 
compilada, em tempo de execução, para as linguagens nativas das plataformas Android e iOS. 
 Ao utilizar React Native, é possível desenvolver um único código, que será, em sua maior parte, 
compatível com as plataformas Android e iOS. 
 
Os aplicativos desenvolvidos em React Native não são aplicativos mobile reais, e sim aplicativos 
web que rodam nos navegadores dos dispositivos móveis, o que lhes confere grande velocidade 
de execução. 
 
O React Native foi criado pela Google com o objetivo de concorrer com o framework React.js 
desenvolvimento pelo Facebook. 
 
A curva de aprendizagem para utilização do framework é grande, pois ele faz uso de uma 
linguagem de programação específica: o JSX. 
Respondido em 08/01/2024 15:25:01 
 
Explicação: 
A resposta certa é: Ao utilizar React Native, é possível desenvolver um único código, que será, em sua maior 
parte, compatível com as plataformas Android e iOS. 
 
 
 
2a 
 Questão / 
Acerto: 0,2 / 0,2 
 
Indique qual afirmativa está correta em relação aos componentes de lista disponíveis em React Native. 
 
 
 
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. 
 
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 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ã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. 
Respondido em 08/01/2024 15:25:57 
 
Explicação: 
A resposta certa é: 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. 
 
 
 
3a 
 Questão / 
Acerto: 0,2 / 0,2 
 
Indique a opção correspondente à lista de componentes nativos existentes na plataforma Android. 
 
 
 
< ViewUI >, < TextUI >, < ImgUI >, < InputUI >, < LargeViewUI > 
 
< UIView >, < UITextView >, < UIImageView >, < UITextField >, < UIScrollView > 
 
< View >, < Text >, < Image >, < TextInput >, < ScrollView > 
 < ViewGroup >, < TextView >, < ImageView >, < EditText >, < ScrollView > 
 
< div >, < p >, < img >, < input >, < div > 
Respondido em 08/01/2024 15:35:19 
 
Explicação: 
A resposta certa é: < ViewGroup >, < TextView >, < ImageView >, < EditText >, < ScrollView > 
 
 
 
4a 
 Questão / 
Acerto: 0,2 / 0,2 
 
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. 
 
 
 É 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. 
 
É possível combinar diferentes modelos de navegação em um mesmo aplicativo. Para isso, basta 
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. 
 
A combinação entre os três modelos é feita por meio de propriedades específicas e com a única 
finalidade de linkar diferentes modelos de navegação. 
 
Para combinar diferentes tipos de navegação devemos inserir a quantidade correspondente do 
container ''NavigationContainer'' no ponto de entrada de nosso aplicativo. 
 
Não é possível combinar a utilização desses três modelos, sendo necessário utilizar apenas um 
deles. 
Respondido em 08/01/2024 15:35:52 
 
Explicação: 
A resposta certa é: É 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. 
 
 
 
5a 
 Questão / 
Acerto: 0,2 / 0,2 
 
A respeito do React Developer Tools, é correto afirmar que: 
 
 
 
Não permite debugar aplicativos por intermédio do próprio dispositivo móvel. 
 
Quando usada em conjunto com ferramentas de terceiros, como ferramentas de logs, permite a 
análise de detalhes de cada componente contido no aplicativo. 
 
Permite a visualização e a depuração da hierarquia somente de componentes customizados. 
 
Trata-se de uma biblioteca que faz parte da instalação padrão do React Native e que não precisa 
ser instalada individualmente. 
 Permite debugar aplicativos por meio do próprio dispositivo móvel ou de sua interface gráfica, que 
é aberta após a inicialização da ferramenta. 
Respondido em 08/01/2024 15:36:28 
 
Explicação: 
A resposta certa é: Permite debugar aplicativos por meio do próprio dispositivo móvel ou de sua interface gráfica, 
que é aberta após a inicialização da ferramenta. 
 
 
 
6a 
 Questão / 
Acerto: 0,2 / 0,2 
 
Analise o fragmento de código a seguir e assinale a afirmativa que 
 
corresponde à saída dele: 
 
 
 
Será exibido um background de cor vermelha, sem nenhum texto ou qualquer outra informação, 
cobrindo toda a tela. 
 
Será exibido o texto solto na tela, colado no canto superior direito, uma vez que não foram 
definidos estilos para o componente < Text >. 
 
Será exibido um erro informando que não foram definidos estilos para o componente < Text >, 
embora ele esteja sendo usado no aplicativo. 
 Será exibido na tela o conteúdo do componente < Text >, ou seja, ''texto'', em fonte de cor preta, 
dentro de um retângulo com background de cor vermelha - herdado da < View > que contém o < 
Text > - que ocupará toda a largura da tela. 
 
Será exibido na tela o conteúdo do componente < Text >, ou seja, ''Texto'', em fonte de cor 
vermelha, tendo como background de toda a tela a cor branca, pois o < Text > herdou o estilo do 
componente no qual está inserido: o < View >. 
Respondido em 08/01/2024 15:37:24 
 
Explicação: 
A resposta certa é: Será exibido na tela o conteúdo do componente < Text >, ou seja, ''texto'', em fonte de cor 
preta, dentro de um retângulo com background de cor vermelha - herdado da < View > que contém o < Text > - 
que ocupará toda a largura da tela. 
 
 
 
7a 
 Questão / 
Acerto: 0,2 / 0,2 
 
Sobre o processo de transpilação realizado pelo React Native, assinale a alternativa correta: 
 
 
 
O resultado da transpilação varia de acordo com a plataforma para a qual se desenvolve. No caso 
da plataforma Android, é gerado um código na linguagem Java. Já no iOS, é gerado o código 
Objective-C. 
 
O React Native é capaz de compilar seu código em um código nativo Android. Entretanto, isso 
não é possível em relação à plataforma iOS. 
 
Ao final do processo de transpilação, é necessário, numa segunda etapa de building, utilizar os 
compiladores específicos das linguagens de cada plataforma para então gerar um aplicativo que 
possa ser executado nelas. 
 O React Native compila um aplicativo-base cuja função é executar código JavaScript no 
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. 
 
O que o React Native faz, na verdade, é compilar todo o código-fonte, transformando-o em código 
assembly. 
Respondido em 08/01/2024 15:38:14 
 
Explicação: 
A resposta certa é: O React Native compila um aplicativo-base cuja função é executar código JavaScript no 
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. 
 
 
 
8a 
 Questão / 
Acerto: 0,2 / 0,2 
 
Analise o fragmento de código adiante e, em seguida, assinale 
 
alternativa que corresponde ao que acontecerá na renderização dele: 
 
 
 
Será exibido o texto equivalente à propriedade source do componente Image. 
 A imagem será exibida normalmente, mesmo estando contida dentro de um componente Text. 
 
A imagem será exibida em formato ASCII, já que foi incluída dentro de um componente Text. 
 
Nada será exibido, uma vez que não é permitido, na sintaxe do React Native, a inclusão de Image 
dentro de Text. 
 
Será exibido um erro informando que não é possível inserir componentes Image como filhos de 
componentes Text. 
Respondido em 08/01/2024 15:39:06 
 
Explicação: 
A resposta certa é: A imagem será exibida normalmente, mesmo estando contida dentro de um componente Text. 
 
 
 
9a 
 Questão / 
Acerto: 0,2 / 0,2 
 
Em relação à hierarquia de componentes nativos, é correto afirmar que: 
 
 
 
Embora os componentes possam ser usados como contêiner de outros, há uma restrição para 
esse regra em relação ao componente View, que só pode ser utilizado para outros componentes 
do mesmo tipo. 
 
Um componente só pode ser contêiner de outros componentes do mesmo tipo. 
 
Um componente não pode ser usado como contêiner. Consequentemente, ele não pode ter 
nenhum outro componente aninhado em si. 
 
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 estilizá-los individualmente, havendo apenas a possibilidade de que os filhos 
herdem os mesmos estilos dos elementos-pai. 
 A hierarquia de componentes em React Native é bastante flexível. Com isso, é possível utilizar em 
conjunto diferentes componentes, inclusive como contêineres de outros componentes. 
Respondido em 08/01/2024 15:39:31 
 
Explicação: 
A resposta certa é: A hierarquia de componentes em React Native é bastante flexível. Com isso, é possível utilizar 
em conjunto diferentes componentes, inclusive como contêineres de outros componentes. 
 
 
 
10a 
 Questão / 
Acerto: 0,2 / 0,2 
 
 
Assinale a alternativa que corresponde à saída do código a seguir: 
 
 
 
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. 
 
Será exibido um erro informando que o componente < StyledText > não foi importado. 
 
A tela carregará em branco, sem nenhum conteúdo sendo exibido, já que não foi importada a 
biblioteca Style Components. 
 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 azul, alinhada a 50 pixels da margem superior 
e esquerda. 
Respondido em 08/01/2024 15:40:15 
 
Explicação: 
A resposta certa é: 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.