Revisão de Componentes e Navegação no React Native

Flashcards para revisar os conceitos e componentes abordados no React Native.

Qual é o propósito principal de conhecer os componentes de interface gráfica disponíveis no React Native?

Desenvolver aplicativos mobile com interfaces interativas.

Que IDE é recomendada para codificação em React Native?

Visual Studio Code.

O que é necessário para completar a configuração do ambiente de desenvolvimento em React Native?

Consultar o site oficial do React Native.

Como as funcionalidades de um aplicativo devem ser inicialmente esboçadas?

Elaborando uma lista das funcionalidades que o aplicativo deverá oferecer.

Quais são os três principais componentes nativos de listas no React Native?

VirtualizedList, SectionList e FlatList.

Qual componente é considerado a implementação-base para outros componentes de lista no React Native?

VirtualizedList.

O que o componente ScrollView faz?

Insere um scroll próprio para o conteúdo quando houver muito texto a ser exibido.

Qual o papel do SafeAreaView no desenvolvimento de aplicativos para iOS?

Cria uma área segura para o conteúdo, evitando que seja afetado por dimensões do dispositivo.

Qual a diferença entre Modal e outros componentes de navegação?

Modal exibe conteúdo em uma nova janela, sem navegar para outra página.

Qual a recomendação quanto ao uso do Pressable em React Native?

Dar preferência à implementação do componente Pressable em vez do Button.

O que o ActivityIndicator exibe em um aplicativo React Native?

Indica que uma ação está sendo processada, mostrando um elemento visual de loading.

Quais são os três modelos principais de navegação no React Native?

Stack Navigation, Tab Navigation e Drawer Navigation.

Como funciona o Stack Navigation?

Consiste no empilhamento de telas, onde cada nova tela é colocada por cima das anteriores.

O que é necessário para codificar a navegação utilizando o Stack Navigator?

Haver um NavigationContainer e pelo menos um createNativeStackNavigator.

Qual a função do método navigation.navigate() no React Native?

Permite navegar entre telas que fazem parte da pilha do Stack Navigator.

O que a propriedade extraData do FlatList faz?

Monitora dados adicionais que podem alterar a renderização do componente.

Como a propriedade Style é utilizada em React Native?

Define estilos usando código JavaScript, seguindo o padrão camelCase.

Quais as diferenças principais entre a Animated API e a LayoutAnimation API?

A Animated API permite um maior controle sobre animações, enquanto a LayoutAnimation API é voltada para animações de layout.

O que a biblioteca styled-components permite em React Native?

Estilizar componentes usando CSS de forma similar à web.

Qual é a importância das animações em um aplicativo Mobile?

Elas melhoram a experiência do usuário proporcionando interações mais fluidas.

Quais os elementos que podem ser animados utilizando a Animated API?

Componente View, Text, Image, ScrollView, FlatList e SectionList.