Curso de React Native - Animações e Estilização \| TreinaWeb             Promoção no ar   Matricule-se agora e garanta **54% de desconto**  

  Termina em   Tempo restante da oferta: 02 Horas 

 46 Min 

 44 Seg 

   Tempo restante da oferta: 02 46 44 

  [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

   [                ](https://www.treinaweb.com.br)  Explorar  

 [ Quanto custa? ](#assinatura) [ FAQ ](#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) 

    [ Início ](https://www.treinaweb.com.br) [ Cursos ](https://www.treinaweb.com.br/cursos) [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) React Native - Animações e Estilização   Curso 

# React Native - Animações e Estilização

Aprenda como melhorar a experiência do usuário estilizando e animando elementos no React Native

  ![](https://d1s1vlotnxklap.cloudfront.net/professores/akira-hanashiro.webp)   [ Akira Hanashiro ](https://www.treinaweb.com.br/professor/akira-hanashiro) Instrutor  

  ![](https://d2knvm16wkt3ia.cloudfront.net/treinaweb/cursos/og/react-native-animacoes.png)   Assista à apresentação  Assistir: Apresentação: React Native - Animações e Estilização  

- 05h18 de vídeos
- 79 aulas
- 21 exercícios
- Certificado de 14 horas
- Intermediário

 **+200 mil alunos** já aceleraram a carreira aqui, com **professores que atuam no mercado**

## Acesso completo a todos os cursos e dezenas de Formações.

 12 meses 

  Economize R$ 840,00  54% OFF 

 de 12x R$ 129,00 por apenas

 12x  R$ 59,00

 sem juros no cartão de crédito ou R$ 599,00 à vista

  Oferta termina em  **02h 46min 44s**

- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)

  Visão geral

## Sobre o curso

O React Native é um framework do Facebook para criação de aplicativos nativos com JavaScript para Android e iOS, sendo utilizado em famosos aplicativos como Facebook, Instagram, Uber, Skype, Pinterest e Walmart.

A ideia do React Native é tornar possível criar aplicações mobile nativas com uma única linguagem (no caso, o JavaScript), permitindo o reaproveitamento de boa parte do código.

Neste curso vamos aprender a estilizar e animar elementos, permitindo criar belas telas para melhorar a experiência do usuário.

### Pra quem é esse curso?

Este curso é destinado àqueles que já tenham conhecimento de React Native e queiram aprender a estilizar e animar seus elementos, permitindo entregar uma melhor experiência ao usuário.

   Competências

## O que irá aprender?

- Atualização automática da tela (Hot Reloading);
- Iniciando com estilização e técnicas de reaproveitamento;
- Cores e Unidades de Medidas;
- Estilização de textos, botões e Views;
- Dimensionamento, posicionamento e transformações;
- Layouts com Flexbox;
- Layouts Responsivos;
- Animações com Animated API;
- Criação de Componentes Animados;
- Desenvolvimento de um projeto durante o curso para fixar o conhecimento.

   Antes de começar

## Pré-requisitos sugeridos

 Não são obrigatórios — apenas sugestões de base para você tirar mais proveito do curso.

 [  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg)    **JavaScript Avançado**   16h · Avançado   ](https://www.treinaweb.com.br/curso/javascript-avancado) [  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react.svg)    **React - Introdução**   10h · Iniciante   ](https://www.treinaweb.com.br/curso/react-introducao) [  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)    **React Native - Fundamentos**   10h · Iniciante   ](https://www.treinaweb.com.br/curso/react-native-fundamentos) [  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)    **React Native - Componentes nativos**   12h · Intermediário   ](https://www.treinaweb.com.br/curso/react-native-componentes-nativos) [  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)    **React Native - Acesso às APIs de Hardware**   10h · Intermediário   ](https://www.treinaweb.com.br/curso/react-native-acesso-as-apis-de-hardware) 

   Ementa completa

## Conteúdo programático

 12 módulos, 79 aulas e 21 exercícios , num total de 05h18 de vídeo .

    01   Apresentação   3 aulas  

- Apresentação
- Códigos do Curso
- Repositório do Curso

     02   Iniciando a Estilização de Elementos   8 aulas  

- Apresentação
- Diferenças e Limitações em relação ao CSS comum
- Estilização Inline e StyleSheet
- Técnicas de Reutilização de Estilos
- Estilização Diferente para Android e iOS
- Hot Reloading e Live Reload - atualizando a tela automaticamente
- Resumo
- Questionário

     03   Estilizando Textos e Botões   6 aulas  

- Apresentação
- Estilizando Textos
- Utilizando Fontes Customizadas
- Estilizando Botões
- Projeto: Texto e Botões
- Resumo

     04   Preenchimento e Gradientes   5 aulas  

- Apresentação
- Definindo Preenchimentos de Fundo - Cores e Imagens
- Criando Gradientes - react-native-linear-gradient
- Projeto: Deixando a tela mais bonita com gradiente
- Resumo

     05   Tamanho e Posição   7 aulas  

- Apresentação
- Definindo o Tamanho de Elementos
- Posição Relativa
- Posição Absoluta
- Projeto: Posicionando Elementos
- Resumo
- Questionário

     06   Transformações   8 aulas  

- Apresentação
- Escala
- Translação
- Rotação
- Torção
- Projeto: Transformando a posição e rotação da tela
- Resumo
- Questionário

     07   Layouts com Flexbox   6 aulas  

- Apresentação
- Dimensionamento com Flexbox e Direção
- Alinhamento Horizontal e Vertical
- Projeto: Preparando o layout do aplicativo
- Resumo
- Questionário

     08   Layouts Responsivos   4 aulas  

- Apresentação
- Dimension API - Usando o tamanho da tela como referência
- Responsividade - Reagindo a alterações de tamanho de tela
- Resumo

     09   Iniciando com Animações   14 aulas  

- Apresentação
- Animated API
- Monitoramento de FPS
- Iniciando nossa primeira animação - definição e alteração de valores numéricos - Animated.timing()
- Interrompendo e Reiniciando Animações
- Iniciando valores X e Y - Animated.ValueXY()
- Easing - Funções de Suavização
- Interpolação - Controlando melhor os valores de sua animação
- Animação de valores não numéricos - mudando cores e valores com unidades de medida
- Animated.spring()
- Criando Componentes Animados
- Projeto: Ajustando a animação da tela inicial
- Resumo
- Questionário

     10   Múltiplas Animações   8 aulas  

- Apresentação
- Animações Paralelas - Animated.parallel()
- Animações em Sequência - Animated.sequence()
- Fazendo pausas entre Animações - Animated.delay()
- Animações em Sequência com Adiamentos - Animated.stagger()
- Projeto: Paralelizando Animações
- Resumo
- Questionário

     11   Interagindo com Animações   8 aulas  

- Apresentação
- Reagindo ao Fim de Animações
- Observando o valor de animações - addListener
- Animações Reagindo ao Scroll - Animated.event
- Movendo e Soltando Componentes (Drag ‘n Drop) - PanResponder
- Projeto: Reagindo a Eventos
- Resumo
- Questionário

     12   Conclusão   2 aulas  

- Para Praticar!
- Conclusão

 [ Download da ementa ](https://www.treinaweb.com.br/curso/react-native-animacoes-e-estilizacao/ementa/react-native-animacoes-e-estilizacao.pdf) 

   Depoimentos de alunos

## Utilizada e amada por milhares de desenvolvedores.

  ![](https://d32nikm1p4rl61.cloudfront.net/pzdVvNaPGVcOyrcXjYalNZ84PukxT54L.png)   Júnior  Macapá / AP · React Native - Animações e Estilização  

 Avaliação: 5 de 5 estrelas.

 “Curso excelente! muitas dicas valiosas de design e animação para devs react native!”

   ![](https://d32nikm1p4rl61.cloudfront.net/d188d0bd300909b8e0f06e51d9298e1a.png)   Felipe  React Native - Animações e Estilização  

 Avaliação: 5 de 5 estrelas.

 “Ótima sumarização das funcionalidades para estilização e animação no React Native.”

   ![](https://d32nikm1p4rl61.cloudfront.net/b8bvvzo8-hvhc9xm0-foto-usuario.png)   Savio  React Native - Animações e Estilização  

 Avaliação: 5 de 5 estrelas.

 “Excelente curso e ótima didática”

 [ Veja mais opiniões reais ](https://www.treinaweb.com.br/depoimentos) 

## Comece este curso ainda hoje.

 05h18 de vídeo, 21 exercícios, certificado de 14 horas — mais todos os outros cursos e formações da TreinaWeb na mesma assinatura.

 [Quero assinar](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

  Continue aprendendo

## Conteúdos relacionados

- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Iniciante  

     Curso · 10h

    ###  [ React Native - Fundamentos ](https://www.treinaweb.com.br/curso/react-native-fundamentos "React Native - Fundamentos") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Intermediário  

     Curso · 8h

    ###  [ React Native - Firebase Messaging ](https://www.treinaweb.com.br/curso/react-native-firebase-messaging "React Native - Firebase Messaging") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Avançado  

     Curso · 14h

    ###  [ React Native - Autenticação com Firebase Authentication ](https://www.treinaweb.com.br/curso/react-native-autenticacao-com-firebase-authentication "React Native - Autenticação com Firebase Authentication") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Avançado  

     Curso · 10h

    ###  [ React Native - Armazenamento e Sincronia com Firebase Firestore ](https://www.treinaweb.com.br/curso/react-native-armazenamento-e-sincronia-com-firebase-firestore "React Native - Armazenamento e Sincronia com Firebase Firestore") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Avançado  

     Curso · 8h

    ###  [ React Native - Armazenamento de arquivos com Firebase Storage ](https://www.treinaweb.com.br/curso/react-native-armazenamento-de-arquivos-com-firebase-storage "React Native - Armazenamento de arquivos com Firebase Storage") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Intermediário  

     Curso · 8h

    ###  [ React Native - Armazenamento e Sincronia Offline ](https://www.treinaweb.com.br/curso/react-native-armazenamento-e-sincronia-offline "React Native - Armazenamento e Sincronia Offline") 

    Ver curso →
- ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg)  Intermediário  

     Curso · 12h

    ###  [ React Native - Componentes nativos ](https://www.treinaweb.com.br/curso/react-native-componentes-nativos "React Native - Componentes nativos") 

    Ver curso →

   Trilhas completas

## Formações que incluem este conteúdo

- Formação  ![](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg) 

     Mobile

    ###  [ Desenvolvedor React Native ](https://www.treinaweb.com.br/formacao/desenvolvedor-react-native "Desenvolvedor React Native") 

    O React Native nos permite criar aplicativos mobile realmente nativos com JavaScript para Android e iOS. Ele vem sendo usado em aplicativos como Facebook, Instagram e Uber. Nesta formação vamos aprender a acessar APIs nativas, incluindo o desenvolvimento de nosso próprio código nativo (Java e Objective-C), integrá-lo ao JavaScript. Além de aprenderemos a trabalhar com aplicativos offline, como estilar nossos componentes, criar layouts responsivos e animados e como integrar o React Native com o Firebase.

      10 cursos   30h44 de vídeos

## Um ano de acesso total para você viver de programação.

 Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho.

- **1 ano** de acesso a **todos os cursos**
- Cursos novos **toda semana**
- Suporte **direto com professores**
- Plano de carreira **personalizado**
- **Certificados digitais** inclusos
- **Aplicativos** para Android e iOS, com **acesso offline**

    **Garantia incondicional de satisfação** 

 Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.

### Acesso completo a todos os cursos e dezenas de Formações.

 12 meses 

  Economize R$ 840,00  54% OFF 

 de 12x R$ 129,00 por apenas

 12x  R$ 59,00

 sem juros no cartão de crédito ou R$ 599,00 à vista

  Oferta termina em  **02h 46min 44s**

- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)

    Ainda tem alguma dúvida?

## Antes de começar, veja o que você precisa saber.

 Não encontrou a sua pergunta aqui? Fale com a nossa equipe antes de decidir — é para isso que ela está lá.

 [Falar com a equipe →](https://www.treinaweb.com.br/contato)    Estou começando do zero. A TreinaWeb é para mim? 

Sim. A plataforma possui conteúdos para quem está dando os primeiros passos em programação, incluindo fundamentos e formações organizadas para ajudar você a avançar progressivamente.

Se você ainda não programa, recomendamos começar pelas bases antes de entrar em conteúdos mais avançados de IA aplicada ao desenvolvimento.

   Já sou desenvolvedor. Vou encontrar conteúdo para mim? 

Sim. Além dos conteúdos fundamentais, a TreinaWeb possui formações, cursos intermediários e avançados, frameworks, arquitetura, infraestrutura e uma formação dedicada à aplicação de IA no desenvolvimento.

   A TreinaWeb tem cursos de Inteligência Artificial para desenvolvedores? 

Sim. A Formação IA para Devs reúne conteúdos sobre ferramentas e conceitos utilizados no desenvolvimento assistido por IA, incluindo GitHub Copilot, Cursor, Claude Code, Gemini CLI, MCP, Prompt Engineering, n8n e outros recursos.

   Preciso saber programar para fazer a Formação IA para Devs? 

A Formação IA para Devs é especialmente indicada para quem já possui conhecimentos de programação.

Se você ainda está começando, pode primeiro desenvolver sua base com os cursos e formações de programação disponíveis na própria TreinaWeb e depois avançar para IA.

   Tenho acesso a todos os cursos? 

Sim. Durante o período da assinatura, você tem acesso aos cursos e formações contemplados pelo plano anual da TreinaWeb.

   Por quanto tempo tenho acesso? 

O plano apresentado nesta página oferece 12 meses de acesso à plataforma.

   Existe uma ordem recomendada para estudar? 

Sim. As formações e planos de carreira ajudam você a organizar o aprendizado e entender quais conteúdos fazem mais sentido para cada etapa.

   Posso tirar dúvidas? 

Sim. A assinatura inclui os canais de suporte disponibilizados pela TreinaWeb para que você possa esclarecer dúvidas relacionadas aos conteúdos estudados.

   Os cursos possuem certificado? 

Sim. Os certificados digitais dos cursos concluídos estão incluídos na assinatura, de acordo com as regras de conclusão da plataforma.

   Posso estudar pelo celular? 

Sim. A TreinaWeb possui aplicativos para Android e iOS e oferece recursos de acesso offline pelo aplicativo.

   A TreinaWeb lança novos cursos? 

Sim. Novos conteúdos são adicionados regularmente à plataforma para acompanhar a evolução das tecnologias e ferramentas utilizadas no desenvolvimento.

   Como funciona a garantia? 

Você possui 7 dias de garantia para conhecer a plataforma. Caso decida que a TreinaWeb não atende às suas expectativas dentro desse período, poderá solicitar o reembolso conforme as condições da garantia.

## Comece hoje a programar com IA ao seu lado.

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

   [                ](https://www.treinaweb.com.br)

 Escola online de programação, tecnologia e IA.

- [  ](https://www.facebook.com/TreinaWeb/)
- [  ](https://www.instagram.com/treinaweb/)
- [  ](https://www.youtube.com/user/TreinaWeb)
- [  ](https://twitter.com/treinaweb)
- [  ](https://www.linkedin.com/company/treinaweb)
- [  ](https://github.com/treinaweb)

## Inscreva-se em nossa newsletter

Receba lançamentos, promoções e novidades.

   Seu nome     Seu WhatsApp     Seu melhor e-mail   Inscrever-se 

## Cursos

- [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs)
- [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end)
- [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end)
- [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile)
- [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados)
- [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing)
- [ IA ](https://www.treinaweb.com.br/categoria/ia)
- [ E mais ](https://www.treinaweb.com.br/categoria/e-mais)
- [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos)

## Conteúdo

- [ Formações ](https://www.treinaweb.com.br/formacoes)
- [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos)
- [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto)
- [ Planos ](https://www.treinaweb.com.br#assinatura)
- [ Depoimentos ](https://www.treinaweb.com.br#depoimentos)
- [ Comunidade ](https://www.treinaweb.com.br#comunidade)
- [ Corpo docente ](https://www.treinaweb.com.br#docente)

## A empresa

- [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre)
- [ Perguntas frequentes ](https://www.treinaweb.com.br#faq)
- [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb)
- [ Cursos para empresas ](https://www.treinaweb.com.br/empresas)
- [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso)
- [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco)
- [ Artigos ](https://www.treinaweb.com.br/blog)
- [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers)
- [ Contato ](https://www.treinaweb.com.br/contato)
- [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade)
- [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso)

## Baixe nosso aplicativo

 [   Disponível na **App Store**  ](https://apps.apple.com/us/app/treinaweb/id1322729447) [   Disponível no **Google Play**  ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) 

  Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200   © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58