Skip to main content

​
Overview

The React Native Expense Dashboard Component allows you to embed fully-featured expense tracking into your existing React Native mobile app, including:
  • Automatic expense tracking, including expense categorization and self-learning rules
  • Fully encapsulated bank account and credit card linkage, using Plaid
  • User experience allowing your users to:
    • manage bank account connections
    • view expense reports (eg. by category, by vendor)
    • attach receipts to expenses
    • split expenses across categories

​
UX

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

​
Embedding the Expense 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 Expense Dashboard:
ExpenseScreen.tsx
import { ExpenseDashboard, Tight } from "@tight-embedded/react-native";

function ExpenseScreen({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <ExpenseDashboard />
      </Tight>
    )
}