onValue not getting called, handler off center, no dual stick support #1
Description
So I've tried out the library with the following code and it would seem that whenever I grab the stick the central circle appears randomly off center, usually in the very bottom right corner for some reason.
I would've debugged that further but alas I can't since there aren't any console logs from the onValue callback. Thus making the entire thing completely unusable.
import React, {Component} from 'react';
import {ImageBackground, Text, View, Button, TouchableOpacity, Platform, StyleSheet} from 'react-native';
import AxisPad from 'react-native-axis-pad';
export default class Stick extends Component {
render(){
return(
<AxisPad
resetOnRelease={true}
autoCenter={true}
size={150}
handlerSize={60}
onValue={({ x, y }) => {
console.log(x, y);
}}>
</AxisPad>
)
}
}
Now realistically one would only ever practically use two of these things at a time which really isn't possible with React's great single touch capability. Yaay.