How to access properties of a custom component in React-Native.ts?

Question

In the React-Native.js you can simply access any property as follows:

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

Inside the component, you can access any property transferred to it, provided you put inside the tag:

<MeuComponente algumaProp="qualquer coisa" />

Therefore, with props.AlgumaProp can access what was passed by the component or screen that used.

I’d like to know how to do that in React-Native.ts, follows my code:

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'
    } 

Answer 1

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

See this topic that contains some more detailed explanations

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
  }
}