Diferença entre os estilos

export default function Itens({titulo, lista}){ return <> <Texto style= {estilos.titulo}>{ titulo }</Texto> { lista.map (({nome, imagem}) => { return <View key={nome} style= {estilos.item}> <Image source={imagem} style= {estilos.imagem} /> <Texto style= {estilos.nome}> { nome } </Texto> </View> })} </> }

Olá Lucas, não sei se entendi direito a sua questão, mas vou tentar.

Provavelmente seu código está assim com a propriedade estilos:

import { StyleSheet } from "react-native";

export default function Items ({titulo, lista}) {
    return (...)
}

const estilos estilos = StyleSheet.create({

titulo: {},
item: {},
...)}

Note que a propriedade estilos, usando para estilizar sua componente está sendo usado no mesmo arquivo da componente, ela não se altera, independente onde você esteja usando a componente.

Por outro lado, as propriedades titulo e lista podem ser atribuídas em qualquer lugar da sua aplicação, onde você usar a componente Itens.

Espero ter ajudado, se minha interpretação da sua dúvida não estiver correta, deixe-me saber.

Mergulhe em programação