Estilize componentes no React Native
Neste projeto aprenderemos a estilizar os componentes para dar ao usuário uma experiência melhor ao utilizar o seu aplicativo.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Introdução
No curso anterior você aprendeu a utilizar os componentes nativos View, Text e Image para criar seus próprios componentes.
Neste curso você vai aprender a estilizar seus componentes para que tenha uma aparência mais agradável para o usuário.
Nosso Aplicativo
O aplicativo que vamos estilizar pode ser visto na Figura 1.
![Aplicativo que será estilizado neste curso](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/image01.png)
O que vamos aprender?
Neste curso você vai aprender os seguintes conceitos de estilização:
- Elementos
- Cor de fundo
- Altura e largura
- Borda
- Espaçamento entre elementos
- Estilos de textos
- Cor
- Tamanho
- Estilo
- Peso
- Flexbox
- Posicionamento
- Alinhamento
Estilização
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s1.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s2.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s3.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s4.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s5.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s6.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s7.png)
![Slide 1 Slide 1](http://www.devmedia.com.br/arquivos/cursos/React_Native_Estilizacao/aula1/s8.png)
Estilizar o aplicativo garante que o usuário o utilize por mais tempo
Saiba mais Veja o Curso React Native: Estilizando componentes