Curso
React Native: Componentes do tipo container
Normalmente, a tela do aplicativo é composta por mais de um componente. Para conseguir exibir mais de um componente na tela é necessário agrupar esses componentes. Para isso utilizamos componentes do tipo container. Até agora conhecemos o componente View e já o utilizamos em todos os aplicativos que criamos. Neste curso você vai aprender mais três componentes do tipo container: ScrollView, ImageBackground e Pressable.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
6 horas
Curso de React Native (6 aulas)
Aula 1 - Introdução
Já conhecemos o componente View e sabemos que ele é um container, ou seja, ele agrupa outros componentes. Nesta aula vamos entender melhor o que é e porque os containers são úteis.
Aula 2 - Componente ScrollView
Em alguns casos um único componente possui um conteúdo muito grande. Quando isso acontece é comum que não caiba tudo na tela. Nesses casos é necessário o uso do componente ScrollView para que a tela tenha barra de rolagem.
Aula 3 - Componente ImageBackground
É comum em alguns aplicativos que no lugar da cor de fundo de um componente, seja ele a tela, um card ou uma caixa de texto, seja exibido uma imagem. Isso é feito através do componente ImageBackground que você vai aprender nesta aula.
Aula 4 - Componente Pressable
Já aprendemos a utilizar o componente Button para exibir um botão na tela. Porém com Button não é possível personalizar o botão. Quando queremos que o botão tenha uma aparência personalizada utilizamos o container Pressable no lugar de Button.
Aula 5 - Exemplo prático
Chegou a hora de ver na prática os conceitos aprendidos neste curso. Isso será feito através de um aplicativo de apresentação de um produto. Nesta aula vamos apresentar um aplicativo que utiliza os componentes ScrollView, ImageBackground e Pressable.
Aula 6 - Faça você mesmo
Nesta aula vamos explicar os passos dados para criar e estilizar o aplicativo que vimos na aula anterior para que você possa replicá-lo. Dessa forma você vai poder colocar em prática o uso dos componentes Pressable, ScrollView e ImageBackground.
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