Estilização
O que é CSS?
CSS (Cascading Style Sheets) é a linguagem utilizada para estilizar e formatar o conteúdo HTML, permitindo controlar a apresentação visual de uma página da web. Com CSS, é possível definir a cor, o tamanho, a fonte e o espaçamento do texto, o layout da página, as cores de fundo, as bordas, as margens, o espaçamento entre elementos, entre outros aspectos visuais. É ele que dá vida ao HTML, tornando as páginas mais atraentes e fáceis de ler, proporcionando uma melhor experiência para o usuário.
Estilização no React Native x CSS
A estilização no React Native pode ser muito parecida com o CSS, e é possível afirmar que quem sabe muito CSS, não vai ter dificuldade alguma com a estilização no React Native. Porém, existem algumas diferenças pontuais que devemos saber para direcionar corretamente os estudos.
A declaração inicial dos estilos não tem nada de semelhante ao CSS:
Podemos perceber, a estilização do React Native em relação ao CSS, que:
- A sintaxe de declarar os estilos em relação ao css é diferente, mas a ideia por trás é a mesma.
- Os atributos têm nome semelhante, porem em Lower Camel Case
Note também que o atributo não tem relação com o nome do componente, mas deve ser passado exatamente o mesmo declarado para a propriedade style
dos componentes
Veremos no curso que existem algumas diferenças implícitas e explícitas, como alguns atributos que existem no css mas não existem no React Native e vice-versa e como a estilização padrão de alguns componentes são diferentes também.