Programação Para Dispositivos Móveis Em Android SIM 1

Prévia do material em texto

A
B
C
D
E
1 Marcar para revisão
Indique a opção
correspondente à lista de
componentes nativos existentes
na plataforma Android.
, , ,
, 
, , , , 
, , , , 
, , , , 
, , , , 
00
hora
: 38
min
: 43
seg
Ocultar
Questão 1 de 10
Respondidas (10) Em branco (0)
Finalizar prova
1 2 3 4 5
6 7 8 9 10
SM1 Programação Para Dispositivos Móveis…
Feedback
A
B
C
2 Marcar para revisão
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 quanto em
desktops.
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 criadas pelo
desenvolvedor, como
no XML.
D
E
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 linguagem
combina a lógica de
componentes
presente no JS e o
mark-up DOM em um
único código.
3 Marcar para revisão
Sobre o processo de
transpilação realizado pelo
React Native, assinale a
alternativa correta:
A
B
C
O que o React Native
faz, na verdade, é
compilar todo o
código-fonte,
transformando-o em
código assembly.
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.
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.
D
E
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 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.
4 Marcar para revisão
A respeito do React Developer
Tools, é correto afirmar que:
A
B
C
D
E
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 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 análise de
detalhes de cada
componente contido
no aplicativo.
Não permite depurar
aplicativos por
intermédio do próprio
dispositivo móvel.
Permite depurar
aplicativos por meio
do próprio dispositivo
móvel ou de sua
interface gráfica, que
é aberta após a
inicialização da
ferramenta.
A
B
C
5 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 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 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.
D
E
É 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.
6 Marcar para revisão
Analise o fragmento de código
a seguir e assinale a afirmativa
que
A
B
corresponde à saída dele:
Será exibido na tela o
conteúdo do
componente ,
ou seja, ''texto'', em
fonte de cor preta,
dentro de um
retângulo com
background de cor
vermelha - herdado
da que
contém o -
que ocupará toda a
largura da tela.
Será exibido o texto
solto na tela, colado
no canto superior
direito, uma vez que
não foram definidos
estilos para o
componente .
C
D
E
Será exibido um
background de cor
vermelha, sem
nenhum texto ou
qualquer outra
informação, cobrindo
toda a tela.
Será exibido um erro
informando que não
foram definidos estilos
para o componente , embora ele
esteja sendo usado no
aplicativo.
Será exibido na tela o
conteúdo do
componente ,
ou seja, ''Texto'', em
fonte de cor vermelha,
tendo como
background de toda a
tela a cor branca, pois
o herdou o
estilo do componente
no qual está inserido:
o .
7 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
A
B
C
deles, escolha a alternativa
correta.
O componente Button
é o que possui a
melhor 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
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 inclusão
de ícones com os
títulos que indicam a
função do
componente.
D
E
O framework React
Native possui vários
componentes nativos
cuja função é permitir
a interação do 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
ações, exceto
controlar outros
componentes, como,
por exemplo, abrir ou
fechar uma janela
modal.
8 Marcar para revisão
Indique qual afirmativa está
correta em relação aos
componentes de lista
disponíveis em React Native.
A
B
C
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.
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.
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.
D
E
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 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.
9 Marcar para revisão
O Stack Navigator permite criar
uma "pilha de telas". Em relação
a seu modelo de navegação, é
correto afirmar:
A
B
C
Após navegar para
determinada tela, não
é possível voltar à tela
anterior sem antes
recarregar todo o
aplicativo.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.
D
E
A navegação no
modelo Stack
Navigator é realizada
apenas por meio do
botão de voltar no
topo da tela.
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".
10 Marcar para revisão
A gestão de pacotes e
bibliotecas em um projeto React
é realizada por gerenciadores
de dependências, como, por
exemplo, o NPM e o YARN.
Tendo como base o NPM,
assinale a alternativa que
corresponde a um comando
NPM válido.
A
B
C
D
E
npm install expo-cli
node -v
yarn add react-base
npx react-native init
react-native run-
android