Creé un componente personalizado que quiero reutilizar varias veces en mi aplicación. El componente en sí mismo usa un TouchableHighlight dentro de él.
Quiero que el uso del componente pueda pasar a través de accesorios TouchableHighlight sin tener que declararlos por separado dentro del componente personalizado.
Un ejemplo muy simple:
Componente:
const CustomComponent = () => ( <TouchableHighlight> <Text>Custom component</Text> </TouchableHighlight>)Uso:
<CustomComponent activeOpacity={0.5} underlayColor=“red” onPress={someAction} />Entonces, para resumir, me gustaría que TouchableHighlight use activeOpacity, underlayColor y onPress sin tener que seleccionarlos individualmente dentro del componente.
Espero que tenga sentido y lo haya explicado lo suficiente.
Puede extender los accesorios si solo quiere que pasen.
const CustomComponent = (props) => ( <TouchableHighlight ...props> <Text>Custom component</Text> </TouchableHighlight>)Prueba esto:
const CustomComponent = ({touchableHighlightProps, ...otherProps}) => { return ( <TouchableHighlight {...touchableHighlightProps}> <Text>Custom component</Text> </TouchableHighlight> ) }Entonces el uso será:
<CustomComponent touchableHighlightProps={touchableHighlightProps} />