Busca DevMedia
Você está buscando por "react native" em Exemplos
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Mobile
- Consumindo APIs com React NativeExemplo
Neste projeto conectaremos nosso app React com uma API usando a biblioteca Axios, muito comum na programação com React. Ao final você conseguirá construir aplicações React Native que consomem dados de sistemas back-end, através de APIs.
- Consumindo APIs Públicas de Terceiros com React NativeExemplo
Neste projeto conheceremos a API Futebol, a API que consumiremos no nosso app de Tabela de Classificação do Campeonato Brasileiro. Por fim, vamos entender o que é uma API key, e como ela é utilizada na API Futebol.
- React Native: Busca em App de listagem de bancosExemplo
Neste projeto veremos como construir uma busca com Array.filter. A ideia é utilizar o filter de um modo diferente, permitindo buscar informações com base em um texto digitado pelo usuário, ao invés de buscar por dados fixos.
- Criando um jogo da velha passo a passoExemplo
Neste projeto apresentaremos o projeto Jogo da Velha em React Native que você deverá construir utilizando os seguintes recursos: Pressable, funções JavaScript, escopos de função, entre outros.
- Criando um aplicativo React Native com tab navigationExemplo
Neste projeto vamos focar na navegação do tipo Tab Navigation, com isso, você vai aprender a personalizar as abas alterando as cores dos textos, inserindo ícones e alterando a barra de título.
- Criação de componentes com React NativeExemplo
Neste projeto vamos aprender a criar e a reutilizar um componente React Native utilizando os conceitos de importação e exportação (import e export).
- Trilogia Star Wars: Navegando entre telas com o React NativeExemplo
Neste projeto você vai aprender como criar e configurar a navegação de um aplicativo React Native utilizando as navegações: Stack navigation, Drawer navigation e Tab navigation.
- Exibindo uma imagem no aplicativo com React NativeExemplo
Neste projeto aprenderemos a utilizar o componente Image para exibir uma imagem em um aplicativo React Native. Aprenderemos também sobre o conceito de importação (uso das palavras import e from) e como ele é aplicado para exibir uma imagem na tela.
- Componentes do tipo container no React NativeExemplo
Neste projeto você aprenderá mais três componentes do tipo container: ScrollView, ImageBackground e Pressable.
- Calculadora de churrasco no React NativeExemplo
Para aprender a estilizar componentes, vamos criar a calculadora que será vista neste projeto. Através dela vamos aprender a estilizar textos, imagens e definir os espaços entre cada um desses componentes.
- Estilização básica no React NativeExemplo
Neste projeto aprenderemos a estilizar um componente utilizando propriedades de estilo que podem ser usadas em textos, containers e imagens.
- Meus primeiros componentes com React NativeExemplo
Aprenda neste projeto a criar, importar, exportar e estilizar componentes no React Native.
- React Native: Listagem de signos utilizando PropsExemplo
Aprenda neste projeto a reaproveitar componentes no React Native através de props.
- Estilize componentes no React NativeExemplo
Neste projeto aprenderemos a estilizar os componentes para dar ao usuário uma experiência melhor ao utilizar o seu aplicativo.
- Deploy de app no React NativeExemplo
Aprenda neste projeto a fazer as configurações necessárias para gerar o arquivo de instalação do aplicativo: .apk ou .aab no Android e .ipa no iOS.
- Entendendo a navegação no React NativeExemplo
Nesse projeto entenderemos a navegação e como ela é necessária quando temos um aplicativo com mais de uma tela e através dela conseguimos mudar de uma tela para outra.
- React Native: Sorteador de númerosExemplo
Neste projeto criaremos um sorteador de 1 a 100 e com isso vai aprender a criar e utilizar variáveis de estado e o evento onPress.
- Trabalhando com o componente TextInput do React NativeExemplo
Neste projeto criaremos um sorteador utilizando dois inputs recebidos pelo usuário para sortear um número aleatório. Para receber este input do usuário vamos utilizar o componente TextInput.
- Minha primeira aplicação React NativeExemplo
Nesta documentação daremos nossos primeiros passos com o React Native. Para isso utilizaremos conceitos fundamentais desta tecnologia tais como criar um projeto, componentes, declarar rotas, entre outros.
- Como começar com React Native?Exemplo
Saiba como preparar um ambiente de desenvolvimento para programar com o React Native. Logo após, veremos como criar e abrir um projeto utilizando o Visual Studio Code. Para testar a aplicação no dispositivo mobile usaremos o Expo.
- Projeto GoTour: Cliente React Native para apresentação dos pacotes de uma agência de turismoExemplo
Nesta documentação aprenderemos como criar um aplicativo mobile exibe os dados de pacotes turísticos, obtidos de uma API RESTful, com React Native. Usaremos como cenário os requisitos de uma empresa fictícia de turismo, a GoTour.
