0

No react-native.js você pode simplesmente acessar qualquer propiedade da seguinte forma:

const meuComponent = (props)=>{
    return(...);
}

Dentro do componente, dá pra acessar qualquer propiedade repasada a ele, desde que você coloque dentro do tag:

<MeuComponente algumaProp="qualquer coisa" />

Sendo assim, com props.AlgumaProp dá pra acessar o que foi passado pelo componente ou tela que a utilizou.

Gostaria de saber como fazer isso no react-native.ts, segue meu código:

interface ButtonsProps extends TouchableOpacityProps{
    title: string;
    enabled: boolean;
} 

...

const styles = StyleSheet.create({
    container:{
        backgroundColor: props.enabled? colors.green: colors.heading,
        height:56,
        borderRadius:16,
        justifyContent:'center',
        alignItems:'center'
    } 

1 Resposta 1

0

https://stackoverflow.com/questions/42707327/passing-props-into-external-stylesheet-in-react-native

Veja esse tópico que contém algumas explicações mais detalhadas

interface ButtonsProps extends TouchableOpacityProps{
    title: string;
    enabled: boolean;
} 

const meuComponent = ({title, enabled}: ButtonsProps)=>{
    return(...);
}

export const styles = (iconColor,iconSize) => StyleSheet.create({
    icon : {
    color: iconColor,
    fontSize: iconSize
  }
}

2
  • Isso não responde à pergunta. Ele quer acessar a prop na declaração da stylesheet Commented 21/04/2021 às 9:33
  • Bem observado eu entendi errado o tópico, mas pelo o que vi você pode utilizar o styleSheet como uma função e passar as props como parametro e utilizar na estilização stackoverflow.com/questions/42707327/… export const styles = (iconColor,iconSize) => StyleSheet.create({ icon : { color: iconColor, fontSize: iconSize } } @RafaelTavares obrigada pela observação. Commented 22/04/2021 às 12:34

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

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .