[Dúvida] separar arquivo js com estilização

Olá, Guilherme!

Sim, é totalmente possível separar a estilização em um arquivo diferente no React Native, assim como fazemos com CSS e HTML.

Você pode criar um arquivo separado para os estilos e exportá-los para serem usados em outros componentes. Por exemplo, você pode criar um arquivo chamado "estilos.js" e nele definir seus estilos:

import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  nome: {
    fontSize: 26,
    lineHeight: 42,
    color: '#464646',
    fontWeight: 'bold',
  },
  // ...outros estilos
});

Depois, você pode importar esses estilos no arquivo do seu componente:

import React from 'react';
import { View, Text } from 'react-native';
import estilos from './caminho/para/o/arquivo/estilos';

export default function MeuComponente() {
  return (
    <View style={estilos.cesta}>
      <Text style={estilos.nome}>Cesta de Verduras</Text>
      {/* ...outros elementos */}
    </View>
  );
}

Isso pode tornar seu código mais organizado e fácil de manter, especialmente para projetos maiores.

Espero ter ajudado e bons estudos!

Olá,

Muito obrigado!