98oktay / react-native-axis-pad Goto Github PK

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.

Hello

This module is incompatible with Expo.
Could you onboard it on npm so that we can use the method : npm install @types/react-native-axis-pad --save

Thanks !

AxisPadStyle can't find error

The most recent react navigation in react-native using expo causing the entire project to crash to the point I can not get logs to help determine what the problem. With out react navigation works fine

If you drag the joystick on an iPhone, it will report an error, but if you drag the joystick on an Android, it won't report an error. Why is that?### @98oktay

Simply installing and importing package will break Expo metro bundler. Considering the popularity of Expo you might want to investigate why there's a conflict