When creating a ref in a React Native component, Typescript complains about it if you don't provide the right type.
image = React.createRef();
state = {
x: new Animated.Value(0),
y: new Animated.Value(0),
};
render() {
const {x, y} = this.state;
const imageStyle = {left: x, top: y};
return (
<Animated.View
ref={this.image} // I got warning message here
{...this.responder}
style={[styles.draggable, imageStyle]}>
{this.props.children}
</Animated.View>
)
}
const styles = StyleSheet.create({
draggable: {
position: 'absolute',
height: itemWidth,
width: itemWidth,
},
});
I got this warning
Type '{ children: ReactNode; style: ({ left: Value; top: Value; } | { position: "absolute"; height: number; width: number; })[]; current: unknown; ref: RefObject; }' is not assignable to type 'IntrinsicAttributes & AnimatedProps & { children?: ReactNode; }'. Property 'ref' does not exist on type 'IntrinsicAttributes & AnimatedProps & { children?: ReactNode; }'
createRef line needs to be something like
image = React.createRef<some_type>();
But I don't know how to create this some_type
