Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6290

Typescript: onPress type

$
0
0

I just ported my react-native project to typescript and have a question about functions as props

im passing:

<DisplayCardsWithLikesdata={testData}likes={500}onPress={() => this.props.navigation.navigate("CardDetailScreen")}/>

to

type Props = {  onPress: Function}const FloatingActionButtonSimple = (props:Props) => {  const {onPress} = props  return (<View style={styles.containerFab}><TouchableOpacity style={styles.fab} onPress={onPress}><Icon name="plus" size={16} color={"white"} /></TouchableOpacity></View>  );};

Error:

Error, caused by child onPress:o overload matches this call.  Overload 1 of 2, '(props: Readonly<TouchableOpacityProps>): TouchableOpacity', gave the following error.    Type 'Function' is not assignable to type '(event: GestureResponderEvent) => void'.      Type 'Function' provides no match for the signature '(event: GestureResponderEvent): void'.  Overload 2 of 2, '(props: TouchableOpacityProps, context?: any): TouchableOpacity', gave the following error.    Type 'Function' is not assignable to type '(event: GestureResponderEvent) => void'.ts(2769)index.d.ts(5125, 5): The expected type comes from property 'onPress' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<TouchableOpacity> & Readonly<TouchableOpacityProps> & Readonly<...>'index.d.ts(5125, 5): The expected type comes from property 'onPress' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<TouchableOpacity> & Readonly<TouchableOpacityProps> & Readonly<...>'

Summary:onPress passed as prop (is a function). On child type onPress:Function displays an error(the one above), onPress:any works though. I basically don't know which kind of type the onPress prop is

So nothing crazy, but if I define onPress as a function it displays an error, so apparently that's not the correct type. Do you know which type this onPress functions are?

Thanks a lot!


Viewing all articles
Browse latest Browse all 6290

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>