Como usar o useState no React Native para atualizar dados na tela?

O useState cria e atualiza estados, fazendo a interface refletir os novos valores.

Qual é a diferença entre ScrollView e FlatList no React Native?

ScrollView renderiza todo o conteúdo; FlatList otimiza listas grandes ao renderizar itens conforme necessário.

Como configurar a câmera no React Native usando Expo?

É necessário instalar o módulo de câmera do Expo, solicitar permissão e configurar o componente de câmera.

Imagem do Curso gratuito React native básico

Curso online gratuito React native básico

Name: React native básico
Availability: InStock

Duração do curso online: 7 horas e 19 minutos

(2)

Crie apps mobile com React Native do zero: componentes, estado, listas, APIs, câmera e navegação. Curso online gratuito para começar hoje.

Neste curso gratuito, aprenda sobre

Configuração e primeiros passos com React Native (especialmente via Expo)
Uso de componentes principais: View, Text, Image, TextInput, ScrollView e botões
Estilização com StyleSheet: bordas arredondadas, layout e tipografia
Gerenciamento de estado com useState e passagem de props entre componentes
Construção de telas e UI do app OneBitHealth (inclui cálculo e exibição de IMC)
Uso de APIs nativas: Alert para erros, Share para compartilhar e controle do teclado
Trabalho com listas: ScrollView vs FlatList, ListView e SectionList
Integração com câmera no Expo: permissões, referência da câmera e captura/ação do botão
Navegação com React Navigation: Stack, Tab e Drawer, e passagem de parâmetros
Desenvolvimento do projeto OneBitCoin: componentes, layout e organização de telas
Integração de gráficos no React Native e instalação de biblioteca para chart
Estratégias de componentização e reutilização de UI (ex.: contentGraphic, boxes)

Sobre o curso online gratuito

Aprenda a criar aplicativos móveis com React Native mesmo que você esteja começando no desenvolvimento mobile. Neste curso online gratuito de React Native básico, você vai entender como configurar o ambiente e dar os primeiros passos para transformar ideias em telas reais, usando uma abordagem prática e focada no que mais aparece no dia a dia de quem desenvolve apps.

Ao longo das aulas, você evolui do básico da interface para a construção de layouts mais bem acabados, aprendendo a trabalhar com componentes essenciais, organização de estilos e criação de áreas visuais mais refinadas. Você também desenvolve familiaridade com conceitos fundamentais como controle de estado, permitindo que o aplicativo responda às ações do usuário e apresente resultados em tempo real de forma clara e fluida.

O curso segue com uma parte muito útil para qualquer app moderno: o uso de recursos e APIs comuns do ecossistema, incluindo interações que melhoram a experiência do usuário, como avisos em situações de erro, compartilhamento de conteúdo e ajustes de comportamento do teclado. Em seguida, você aprende como exibir listas de dados corretamente, escolhendo a solução adequada conforme o cenário, otimizando performance e garantindo uma navegação mais agradável pelo conteúdo.

Para ampliar suas possibilidades, você entra em temas que dão cara de aplicativo “de verdade”, como integração com câmera usando Expo e criação de fluxos de navegação entre telas. Você entende quando usar cada tipo de navegação e como estruturar telas para facilitar manutenção e evolução do projeto.

No fechamento, você aplica o conhecimento em projetos completos, conectando interface, estado e componentes em uma construção mais próxima do mercado. O resultado é uma base sólida para seguir estudando React Native e criar seus próprios aplicativos, fortalecendo seu portfólio na área de Programação de Aplicativos.

Conteúdo do curso

Aula em vídeo: Primeiros passos no React Native - Aula 1 | Curso React Native (aprendiz) | Onebitcode 17m
Exercício: _Qual é o objetivo do curso de React Native básico por One Bit Code?
Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 1 | Curso React Native (aprendiz) 14m
Exercício: _Qual é o componente utilizado para inserir imagens no layout do React Native?
Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 2 | Curso React Native (aprendiz) 15m
Exercício: _Qual é a função da área personalizada com cantos arredondados criada no vídeo?

Aula em vídeo: Principais Components do React Native - Aula 2 - Parte 3 | Curso React Native (aprendiz) 19m
Exercício: _Qual é a função do useState no React Native?
Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 1 | Curso React Native (aprendiz) 12m
Exercício: Qual é o foco principal da aula 3 no curso descrito?
Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 2 | Curso React Native (aprendiz) 15m
Exercício: _Qual é o estilo utilizado para arredondar as bordas do formulário no React Native?
Aula em vídeo: Design do App OneBitHealth – Aula 3 - Parte 3 | Curso React Native (aprendiz) 10m
Exercício: _Qual é o estilo aplicado ao resultado do cálculo do IMC no React Native Básico por One Bit Code?

Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 1 | Curso React Native (aprendiz) 17m
Exercício: Qual funcionalidade de API é utilizada para chamar a atenção do usuário quando há um erro no aplicativo?
Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 2 | Curso React Native (aprendiz) 14m
Exercício: _Qual é a função que deve ser passada como parâmetro dentro da construção "share" para que seja possível compartilhar uma mensagem no WhatsApp ou Telegram diretamente do aplicativo?
Aula em vídeo: Conhecendo sobre APIs React Native - Aula 4 - Parte 3 | Curso React Native (aprendiz) 13m
Exercício: _Qual a função da propriedade "keyboardDismissMode" utilizada no código apresentado?

Aula em vídeo: Listas (ScrollView,ListView, FlatList,SectionList) - Aula 5 - Parte1 | Curso React Native (aprendiz) 16m
Exercício: _Qual é o tema abordado na aula 5 do curso de React Native básico por One Bit Code?
Aula em vídeo: Listas (ScrollView,ListView, FlatList,SectionList) - Aula 5 - Parte2 | Curso React Native (aprendiz) 16m
Exercício: _Qual a diferença entre ScrollView e FlatList no React Native?
Aula em vídeo: Listas (ScrollView,ListView, FlatList,SectionList) - Aula 5 - Parte3 | Curso React Native (aprendiz) 08m
Exercício: _Qual é o tamanho da fonte definido para o componente "result Mc" no vídeo?

Aula em vídeo: Trabalhando com Câmera no React Native - Aula 6 - Parte 1 | Curso React Native (aprendiz) 14m
Exercício: _Qual é o primeiro passo para configurar a câmera no React Native com Expo?
Aula em vídeo: Trabalhando com Câmera no React Native - Aula 6 - Parte 2 | Curso React Native (aprendiz) 15m
Exercício: _Qual é a função do botão que será implementado no curso "React native básico por One Bit Code"?
Aula em vídeo: Trabalhando com Câmera no React Native - Aula 6 - Parte 3 | Curso React Native (aprendiz) 13m
Exercício: _Qual é a finalidade de referenciar a câmera no código?

Aula em vídeo: Navegação (StackNavigator, TabNavigator e Drawer) - Aula 7 - Parte 1 | Curso React Native (aprendiz) 17m
Exercício: _Qual é a principal diferença entre as navegações do React Native?
Aula em vídeo: Navegação (StackNavigator, TabNavigator e Drawer) - Aula 7 - Parte 2 | Curso React Native (aprendiz) 17m
Exercício: _O que é necessário para navegar para a página de informações do contato "João" no projeto React Native descrito no vídeo?
Aula em vídeo: Navegação (StackNavigator, TabNavigator e Drawer) - Aula 7 - Parte 3 | Curso React Native (aprendiz) 12m
Exercício: _Qual é o objetivo da implementação do botão Tab Navigation no aplicativo?

Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 1 | Curso React Native (aprendiz) 19m
Exercício: Qual será o objetivo do projeto final no curso 'Derrete Leite e Aprendiz'?
Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 2 | Curso React Native (aprendiz) 19m
Exercício: _O que é feito dentro do componente "contentGraphic" no código apresentado?
Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 3 | Curso React Native (aprendiz) 15m
Aula em vídeo: Projeto Final: OneBitCoin - Aula 8 - Parte 4 | Curso React Native (aprendiz) 11m
Exercício: _Qual propriedade foi utilizada para definir o tamanho do conteúdo dentro do Box logo?

Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 1 | Curso React Native (aprendiz) 19m
Exercício: _Qual é a primeira função que precisa ser implementada na segunda etapa do projeto final do curso de React Native básico por One Bit Code?
Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 2 | Curso React Native (aprendiz) 22m
Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 3 | Curso React Native (aprendiz) 14m
Exercício: _Qual a propriedade que precisamos passar para o componente filho para alterar o state do componente pai?
Aula em vídeo: Projeto Final: OneBitCoin - Aula 9 - Parte 4 | Curso React Native (aprendiz) 12m
Exercício: _Qual biblioteca precisa ser instalada para trabalhar com gráficos no React Native?
Aula em vídeo: Projeto Final: OneBitCoin - Aula 10 | Curso React Native (aprendiz) 19m

Aprenda sobreReact

Aprenda React com cursos online gratuitos e com certificado, ideais para iniciantes e desenvolvedores que desejam aprimorar suas habilidades. Estude componentes, hooks, JSX, estado, rotas e criação de aplicações modernas em aulas práticas. Encontre o melhor curso gratuito de React, avance na carreira e destaque seu currículo na área de desenvolvimento web.

Cursos online Gratuitos sobre React Native

Aprenda sobreReact Native

Encontre os melhores cursos online gratuitos de React Native com certificado e aprenda a criar aplicativos móveis para Android e iOS. Estude componentes, hooks, navegação, APIs, estilização e publicação de apps com conteúdos para iniciantes e desenvolvedores. Escolha seu curso grátis de React Native, desenvolva projetos práticos e avance na carreira.