Curso
React Native: Exibindo uma imagem no aplicativo
Praticamente todos os aplicativos exibem imagens como por exemplo: Instagram, Facebook, Nubank, dentre outros. As imagens são usadas para exibir um produto, a logo do próprio aplicativo e ícones. Neste curso vamos aprender a utilizar o componente Image para exibir uma imagem em um aplicativo React Native. Além do componente Image, vamos aprender também sobre o conceito de importação (uso das palavras import e from) e como ele é aplicado para exibir uma imagem na tela do celular.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
8 horas
Curso de React Native (8 aulas)
Aula 1 - Introdução
Já aprendemos como utilizar os componentes View e Text e com eles criamos nosso primeiro aplicativo. Nesta aula vamos conhecer o componente Image e entender o que ele é e porque é útil na programação React Native.
Aula 2 - Exibindo uma imagem no aplicativo
Agora sabemos como exibir uma imagem no aplicativo utilizando o componente Image. Nesta aula vamos criar um aplicativo que utiliza o componente Image e vamos conhecer algumas de suas propriedades.
Aula 3 - Entendendo o conceito de importação
No React Native importamos códigos que permitem criar um componente, exibir um texto, agrupar componentes e estilizar o aplicativo. Nesta aula vamos explorar a estrutura de sintaxe de importação de uma biblioteca.
Aula 4 - Importando uma imagem local
Já aprendemos a exibir no nosso aplicativo uma imagem hospedada na internet. Nesta aula vamos salvar uma imagem na pasta do projeto e importá-la no componente para exibi-la na tela do aplicativo.
Aula 5 - Entendendo o conceito de importação de um arquivo local
Organização é essencial para um projeto, por isso costumamos separar os seus arquivos em pastas. As imagens por exemplo costumam ficar dentro da pasta assets. Nesta aula vamos aprender como importar uma imagem que está dentro de uma pasta.
Aula 6 - Criando um aplicativo que exibe imagens
Para colocar em prática os conceitos que vimos neste curso, vamos criar um aplicativo que exibe imagens e texto. Através desse aplicativo vamos colocar em prática os conceitos de importação de uma biblioteca e de um arquivo local.
Aula 7 - Estilizando o aplicativo
Nesta aula vamos entender o estilo criado para dar aparência ao aplicativo. Através da estilização deste aplicativo vamos aprender na prática a utilizar um mesmo estilo em mais de um componente.
Aula 8 - Criando o código do zero
No início, criar um aplicativo pode ser difícil, isso porque ainda estamos nos familiarizando com a programação React Native. Nesta aula vamos explicar os passos dados para criar o aplicativo que vimos nas aulas anteriores.
Veja outros cursos de React Native
React Native: Consumindo APIs
React Native: Consumindo APIs Públicas de Terceiros
React Native: Usando Array.map e Array.filter