1

Estou aprendendo React native, e estou com uma dúvida relacionada à estilizar componentes filhos de forma mais produtiva, pois até o momento, tenho que criar um estilo e inseri-lo em cada componente que desejo estilizar.

A minha dúvida é: como criar somente um estilo, e através dele estilizar os componentes filhos sem precisar inserir o estilo no componente filho?

Por exemplo:

<View style={ styles.pai }>
  <Text>Texto 1</Text>
  <Text>Texto 2</Text>
  <Text>Texto 3</Text>
</View>

Quero que todos os componentes Text filhos do componente View com o estilo style={ styles.pai } tenham a cor vermelha.

No CSS isso seria feito usando herança, dessa forma:

.pai Text{
  color: red;
 }

Como fazer isso em React native deixando o código mais limpo?

1
  • Você pode tentar usar o styled-component ... onde vc usar o css puro pra editar algumas coisas. Da uma olhada no site deles: styled-components.com 10/08/2018 às 1:00

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .