NEW
Font size
WorksheetsQuiz sobre React Native
Total questions: 15
Worksheet time: 17mins
O React Native é baseado no React e utiliza ideias de componentização. Quais das linguagens listadas abaixo, são necessárias para o seu funcionamento?
HTML
JavaScript
CSS
C#
Qual linha de código demonstra a importação de componentes contidos na biblioteca do React Native, necessários para o desenvolvimento do layout de um aplicativo?
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
export default function App()
import React from 'react';
Uma das opções para criar componentes no React Native é baseado em ...
StyleSheet
HTML
View
Função
function
enviar(){
alert('React Native!);
}
Observe a função acima e escreva qual será a exibição que aparecerá na tela do celular quando a função enviar for chamada:
React Native
function
enviar
alert
Qual comando permite chamar a função enviar:
style={styles.enviar}
style={styles.alert}
onPress={enviar}
onPress={alert}
Componente que permite exibir um texto na tela do aplicativo:
InputText
StyleSheet
Text
View
Caixa de texto que permite ao usuário digitar informações:
Text
StyleSheet
View
InputText
Botão que pode ser programado para executar ações:
Text
View
TouchableOpacity
InputText
Qual é a função do componente View no React Native?
Exibir textos
Criar botões
Estruturar layouts
Executar ações em cliques
No React Native, qual método é utilizado para aplicar estilos a componentes?
CSS
StyleSheet.create
Inline styling
HTML
Situação Problema: Você está desenvolvendo um aplicativo de tarefas no React Native e quer que, ao pressionar o botão de remoção de uma tarefa, o usuário receba um alerta pedindo confirmação. Pergunta: Como você implementaria o alerta de confirmação antes de remover a tarefa?
Usando Alert.alert('Confirmação') e onPress no botão
Redirecionando para outra tela de confirmação com TouchableOpacity.
Usando o método removeTask() diretamente no botão.
Mudando a cor do botão ao ser pressionado.
Situação Problema: Você está desenvolvendo um aplicativo de agenda em React Native, onde os usuários podem digitar eventos diários em uma caixa de texto. No entanto, ao testar, você percebe que a entrada do usuário não está sendo registrada. Ao revisar o código, você lembra que utilizou o componente correto para capturar a entrada de texto. Pergunta: Qual componente você deve verificar no código para garantir que o usuário possa digitar os eventos na sua agenda?
View
Text
TextInput
TouchableOpacity
Situação Problema: Em um aplicativo de calculadora simples criado em React Native, você precisa que o botão "Calcular" realize a operação assim que for pressionado. No entanto, ao clicar no botão, nada acontece. Revendo o código, você percebe que esqueceu de associar a função de cálculo ao botão. Pergunta: Qual propriedade do componente TouchableOpacity você deve usar para garantir que a função de cálculo seja executada quando o botão "Calcular" for pressionado?
onClick
style
onPress
Touchable
Qual propriedade do React Native você deve usar para tornar uma imagem circular?
borderWidth
borderColor
borderRadius
borderStyle
Qual propriedade do React Native você deve usar para definir o tamanho da fonte de um texto?
fontWeight
fontSize
font-size
fontFamily|fontFamily
