React Native: Componentes do tipo container

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.

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.

É 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.

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.

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.

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.