Componentes e Plugins em React Native

Prévia do material em texto

24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 1/7
Atividade objetiva 4
Entrega 3 jun em 23:59 Pontos 3 Perguntas 6 Disponível até 3 jun em 23:59
Limite de tempo Nenhum Tentativas permitidas 3
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 22 minutos 2,5 de 3
 As respostas corretas estarão disponíveis em 4 jun em 8:00.
Pontuação desta tentativa: 2,5 de 3
Enviado 24 mai em 17:09
Esta tentativa levou 22 minutos.
As questões desta atividade são sobre o uso dos componentes Ionic e dos plugins para acesso aos recursos nativos. Para responder às questões,
você precisará acessar a documentação online do Ionic.
Fazer o teste novamente
0 / 0,5 ptsPergunta 1IncorretaIncorreta
https://pucminas.instructure.com/courses/8628/quizzes/35171/history?version=1
https://pucminas.instructure.com/courses/8628/quizzes/35171/take?user_id=20423
24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 2/7
Responder 1:
Responder 2:
Preencha a lacuna com o nome do componente que altera a opacidade do fundo do objeto filho quando
tocado.
Obs.: Você precisará informar o mesmo nome nas duas lacunas. Não se esqueça de respeitar o uso de
letras maiúsculas e minúsculas.
< onPress={ativa}>
<Text>Toque aqui!</Text>
</ >
TouchableOpacit
TouchableOpacit
TouchableOpacity
TouchableOpacity
Existem três componentes básicos que tornam um objeto tocável. Cada um oferece um feedback visual
diferente (ou nenhum). São eles TouchableOpacity , TouchableHighlight e TouchableWithoutFeedback .
0,5 / 0,5 ptsPergunta 2
24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 3/7
Qual é o nome da propriedade de formatação que define que os elementos serão apresentados em linha
horizontal?
Obs.: Coloque apenas o nome da propriedade, sem qualquer caráter extra, como espaços, aspas, dois
pontos, etc. e respeitando a notação camelCase.
�exDirection
React Native trabalha automaticamente com layout baseados na FlexBox. Assim, usamos as
propriedades da FlexBox para determinar a disposição dos elementos na interface. Uma dessas
propriedades define a direção da disposição dos elementos.
0,5 / 0,5 ptsPergunta 3
A melhor definição para o Expo, usado no desenvolvimento de aplicações React Native, é
 Uma biblioteca de componentes nativos de interface, específicos de cada plataforma. 
 Um framework e plataforma para desenvolvimento e execução de aplicações React. 
 Um IDE (ambiente de desenvolvimento integrado) para aplicações híbridas. 
24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 4/7
 Um conjunto de simuladores de dispositivos para teste de aplicações híbridas. 
O Expo é uma solução que nos ajuda em duas tarefas: a primeira é nos oferecer aplicações básicas
(starter apps) a partir da qual inserimos nosso código, isto é, criamos a nossa aplicação por meio da
extensão de uma aplicação básica. A segunda é nos oferecer um espaço para a publicação das
aplicações. Ao invés de serem publicadas nas lojas virtuais da Apple ou Google Play, elas são
publicadas na plataforma da própria Expo e o usuário precisa instalar um cliente Expo em seu
dispositivo para executar a aplicação. Também é importante saber que o Expo permite a criação de
aplicações Web com React básico também, isto é, não é restrita a aplicações React Native.
0,5 / 0,5 ptsPergunta 4
Qual é o valor da propriedade justifyContent na formatação por FlexBox que distribui todo o espaço em branco
disponível entre os elementos?
 space-evenly 
 space-between 
 center 
 space-around 
24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 5/7
A propriedade justifyContent estabelece o alinhamento no eixo principal pode ter diversos valores,
cada um alinha os elementos de uma forma específica e distribui o espaço excedente também de
forma específica. Os valores possíveis são: center, flex-start , flex-end , space-between , space-
around e space-evenly .
0,5 / 0,5 ptsPergunta 5
Que benefício uma biblioteca como NativeBase oferece para o desenvolvimento de aplicações híbridas em
React Native?
 Um conjunto de componentes nativos, para acesso aos recursos nativos do dispositivo. 
 
Um conjunto de ferramentas de desenvolvimento, que ajudam na construção do código e compilação da
aplicação.
 Um conjunto de componentes de interface que diminuem a necessidade de formatação manual. 
 Um conjunto de recursos para a publicação da aplicação nas lojas das plataformas. 
24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 6/7
NativeBase (https://nativebase.io/) é uma das diversas bibliotecas existente na Web. Seu objetivo é
facilitar o trabalho dos desenvolvedores React Native, oferecendo alguns recursos que estão entre os
mais usados nas aplicações, mas de uma forma mais trabalhada que aqueles oferecidos pelo React
Native puro. 
Alternativas a NativeBase são:
React Native Elements (https://react-native-elements.github.io/react-native-elements/)
UI Kitten (https://akveo.github.io/react-native-ui-kitten/)
React Native Starter (https://reactnativestarter.com/)
0,5 / 0,5 ptsPergunta 6
Qual é o nome do componente usado para a entrada de texto via teclado (como em um campo de formulário)?
 TextField 
 Input 
 TextInput 
 TextArea 
https://nativebase.io/
https://react-native-elements.github.io/react-native-elements/
https://akveo.github.io/react-native-ui-kitten/
https://reactnativestarter.com/
24/05/2020 Atividade objetiva 4: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - 2020/1
https://pucminas.instructure.com/courses/8628/quizzes/35171 7/7
O componente React Native usado para a entrada de texto não é o mesmo da HTML. Ele é convertido
automaticamente para componentes nativos, quando a aplicação é compilada. Também oferece
diversas funcionalidades como autocorreção, um placeholder e a escolha do tipo de teclado (texto,
numérico, email, etc.).
Pontuação do teste: 2,5 de 3