react-native-watchout-emergency v1.2.1
React Native Watchout Emergency Service
This package helps to integrate WatchOut Emergency Service module in your app
Installation
Add the package to your react-native project in the following way
npm i react-native-watchout-emergency
npm i react-native-call-detection
npm i axios
For Android:-
Required permission
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_PHONE_STATE"/>
Required AndroidManifest.xml
file changes
Remove followig properties from application tag
android:allowBackup:'false'
android:allowBackup:'true'
Create EmergencyService.js as new empty component
Note
:- "apiAuthrizationKey" This key will be provided by the WatchOut admin for third party integartion
Note
:- Provide any relevent jsonData as per given format and properties.
Don't change json keys
This component don't accpet any other addition information in jsonData
Note
:- Here "userType" define as follow
1- "p" for Passenger
2- "d" for Driver
Note
:- Vehicle information define as follow
1- "vehYear" Year in which purchased or registred. -> 2022
2- "vehMake" Vehicle manufacturer company name. -> Ford
3- "vinNum" Unique vehicle identification numbers. Like engine number / chassis number
import { View, Text } from 'react-native'
import React from 'react'
import WatchOutEmergency from 'react-native-watchout-emergency'
const EmergencyService = () => {
const jsonData={
"apiAuthrizationKey": "123123123",
"longitude": 26.9124,
"latitude": 75.7873,
"tripBy": "xxxxx",
"userType": "p",
"user": {
"firstName": "arya",
"lastName": "arya",
"email": "arya@gmail.com",
"phone": "0123456789",
"gender": "Male",
},
"vehicle": {
"vehYear": "2022",
"vehMake": "Ford",
"vinNum": "1FADP3J27EL153248",
"vehicle_model": "Focus",
"vehicle_number": "RJ16CH7898",
"vehicleType": "Bus"
}
}
return (
<View>
<WatchOutEmergency
data={jsonData}/>
</View>
)
}
export default EmergencyService
Call for Emergency
To navigate on WatchOut Emergency Service Screen in your app add following lines of code You can use any custom Button or Clickable items to navigate on WatchOut Emergency Service Screen
import {useNavigation} from '@react-navigation/native';
const navigation = useNavigation();
<Button title="Watchout Emergency Service" onPress={() => {
navigation.navigate('EmergencyService')
}}/>
To Send Trip Details(as soon as trip starts)
Below is the function that needs to be called when a trip starts.
let data = {
tripId: 'xxx',
tripBy: 'xxxx',
startLocation: 'metropolish',
endLocation: 'aryavrat',
apiAuthrizationKey:'123123123',
trustedContact: {
name: 'arya',
email: 'arya@gmail.com',
phone: '0123456789',
},
user: {
firstName: 'xxxxxx',
lastName: 'xxxxxx',
email: 'arya@gmail.com',
phone: '0123456789',
gender: 'Male',
healthStatus: 'Fine',
},
driver: {
firstName: 'xxxxx',
lastName: 'xxxxxx',
email: 'arya@gmail.com',
phone: '0123456789',
gender: 'Male',
healthStatus: 'Fine',
},
vehicle: {
vehYear: '2014',
vehMake: 'Ford',
vinNum: '1FADP3J27EL153248',
vehicle_model: 'mustang',
vehicle_number: 'RJ16CH7898',
vehicleType: 'car',
},
}
StartTrip.sendTripInfo(data)
For any problems and doubt raise an issue.