Sample project for implementing tookan-tracker-react-native-sdk module.
React Native Tookan Tracker lets you add live location tracking to your mobile app via Tookan platform. This repo contains an example client app that has everything you need to get started in minutes. This repo written in JavaScript, checkout quickstart if your feel more comfortable with it.
Add and setup these packages to your project before adding tookan-tracker-react-native-sdk:
react-native-maps (install + link)
axios (install only)
sp-react-native-mqtt (install + link)
Note ->: After running react-native link sp-react-native-mqtt
, Don't forget to add pod 'MQTTClient'
in ios Pod file and the run pod install
in ios.
@mapbox/polyline (install only)
Note: If you are using Tracking without UI then this library is not required.
Install the library from npm:
$ npm install --save tookan-tracker-react-native-sdk
or
$ yarn add tookan-tracker-react-native-sdk
With UI
import {MapTracking} from 'tookan-tracker-react-native-sdk'
export default class testTracking extends Component {
render() {
return (
<MapTracking jobId=”1234567” userId= ”123” polylineColor= ”pink” mapKey="Flightmap or Google Keys" mapType=1/>
);
}
}
Without UI
import {getSocketData} from 'tookan-tracker-react-native-sdk'
export default class testTracking extends Component {
getSocketData(your_jobId, your_user_id, data => {
console.log(data);
});
}
getSocketData(jobId,userId,callback):
This method is used to getting the raw data from sockets for without UI tracking.
getSocketData(this.state.jobId, this.state.userId, data => {
console.log(data);
});
getETA (For Without UI):
This method is used to get ETA for job destination by inputing the start location and map key.
import {getSocketData,getETA} from 'tookan-tracker-react-native-sdk'
export default class testTracking extends Component {
getSocketData(your_jobId, your_user_id, data => {
console.log(data);
});
getETA(
{latitude: '30.6942713', longitude: '76.8792693'},
'google_map_key or flightmap key depend on mapType',
'mapType',
data => {
console.log(data);
},
);
}
stopTracking():
This method is used to stop the tracking and disconnecting the sockets.
Npm Package Link tookan-tracker-react-native-sdk