Logo do curso
Curso

React Native:

Estilização e Layouts com Flexbox e StyleSheet

Quero estudar na alura

6h

Para conclusão

2

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Organize a estrutura de pastas e componentes para garantir manutenção e escalabilidade do projeto.
  • Crie componentes visuais parametrizáveis e reutilizáveis usando props.
  • Implemente estilos com StyleSheet e arquivos dedicados para tokens, padronizando cores e tipografias.
  • Aplique Flexbox para compor layouts responsivos utilizando propriedades de alinhamento e direção.
  • Utilize Expo Router para gerenciar a navegação entre telas e passagem de informações.
  • Integre ícones SVG como componentes reutilizáveis e mantenha consistência visual entre telas.

Público alvo_

Este curso é ideal para desenvolvedores que já possuem conhecimento básico em React Native e desejam aprimorar suas habilidades em estilização de interfaces. É voltado para aqueles que querem criar aplicativos personalizados e visualmente atraentes, utilizando técnicas avançadas de layout com Flexbox e Style Sheet.

Pietro Rischi Nunes

Pietro Rischi Nunes

linkedin

No mundo da tecnologia há mais de 5 anos, com foco em desenvolvimento mobile. Sempre buscando aprender mundos e conceitos novos, apaixonado em resolver problemas reais e gerar valor na entrega. Tendo passado pela tecnologia das principais instituições financeiras brasileiras, busco agora compartilhar o conhecimento absorvido ao longo desse tempo.

Curso atualizado em 20/03/2026

Ementa

  1. Iniciando o Projeto de Vitrine Dev

    • Estrutura do Projeto
    • Lógica e Dados do Projeto
  2. Estilizando Componentes Inline

    • Estilizando componentes de texto
    • Estilizando Primary Button
    • Estilizando Social Button
    • Estilizando Footer
  3. Organizando o Layout com Flexbox e Absolute

    • Alinhando o Header
    • Estilizando Header
    • Organizando espaçamentos na tela
  4. Padronizando com StyleSheet

    • Criando Objeto Stylesheet
    • Compondo Estilos
    • Migrando Projeto Para Stylesheet
  5. Centralizando com Tokens

    • Criando Tokens
    • Refatorando Com Tokens
    • Conclusão

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Mobile

Desenvolva aplicativos móveis para as principais plataformas, smartphones e tablets. Aqui, você vai construir para ambientes nativos, como Android ou iOS, e entregar apps incríveis, utilizando frameworks híbridos e multiplataforma, como Flutter.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React Native com esse e outros cursos, comece agora!

Conheça os Planos para Empresas