Skip to main content
The Tight Mileage SDK tracks 1M+ miles per days and over 1B miles-to-date

​
Overview

The React Native Mileage Dashboard Component allows you to embed fully-featured mileage tracking into your existing React Native mobile app, including:
  • Auto-start / auto-stop mileage tracking that detects whether the user is driving using advanced telemetrics (GPS, Geofencing, etc.)
  • Fully encapsulated permissioning and ability to run in the background, without your team having to learn anything about native iOS/Android permissioning
  • User experience allowing your users to:
    • View drives/routes/addresses
    • Swipe to classify drive purpose (business vs. personal)
    • Define favorite locations
    • Link their vehicle’s bluetooth device
  • Location learning (e.g. automatically classifying drives to client locations as business)
  • iOS and Android support, including annual updates around new OS releases

​
UX

This page is under construction. Please check back later for more content.

​
Embedding the Mileage Dashboard

To initialize the Tight Embedded experience in your project, follow the instructions on Embedding Tight’s white-labeled UI. Below is an example embedding of the Mileage Dashboard:
MileageScreen.tsx
import { MileageDashboard, Tight } from "@tight-embedded/react-native";

function MileageScreen({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <MileageDashboard />
      </Tight>
    )
}