react-native-delivery-livetrack

react-native-delivery-livetrack

Getting started

$ npm install @react-native-mapbox-gl/maps --save
$ npm install npm install react-native-star-rating --save
$ npm install react-native-vector-icons --save
$ npm install --save https://github.com/iugotech/react-native-delivery-livetrack/tarball/master
$ react-native link react-native-vector-icons

Mostly automatic installation

$ cd ios && pod install && cd ..

Usage

import React, {useState} from 'react';
....

import { LiveTrackMap, isHotTrackingLive, isOrderDelivered, retrieveHotTrackingInfo } from 'react-native-delivery-livetrack';

  const [data, setData] = useState(undefined)

//CHECK IF Tracking Started
 isHotTrackingLive("ABC123", "40331", "123")
      .then(success => {
          console.log("isHotTrackingLive Success:", success) 
      })
      .catch(err => {
          console.log("isHotTrackingLive Error:", err)
      })


// IF HotTracking Started (if received success response from above request), then retrieve the hot tracking info
  retrieveHotTrackingInfo("ABC123", "40331", "123")
      .then(data => {
          console.log("retrieveHotTrackingInfo Success:", data)
          
          // set data with returned response ==> data will be passed as props in below component
          setData(data)
      })
      .catch(err => {
          console.log("retrieveHotTrackingInfo Error:", err)
      }) 

// CHECK IF Order Delivered
  isOrderDelivered("ABC123", "40331", "123")
      .then(data => {
          console.log("isOrderedDelivered Success:", data)        
      })
      .catch(err => {
          console.log("isOrderDelivered Error:", err)
      }) 


// Handle orderDelivered event
handleOrderDelivered = () => {
  /* Order delivered. Remove LiveTrackMap */
}

// Rendering Map View --> render only if data is available
{ data && 
  <View 
    style={{
        height: '100%',
        backgroundColor: 'red'
    }}
  >
    <LiveTrackMap {...data} onDelivered={()=>{handleOrderDelivered}}/>

  </View>
}