Finance App UI in React Native with Expo Router Tutorial for Beginners | 2024

In this tutorial, you'll learn how to create a finance app UI in react native. I've used expo router v3 to create a custom bottom tab navigator and react native gifted charts package to implement the pie chart graph to display expenses interactively. Also, I've used a custom header component to create the app's header.

► Timestamps
0:00 Introduction
1:20 Setup the Project & Install the Packages
6:58 Create Custom Bottom TabBar Navigator using Expo Router
12:19 Create Custom Header
22:10 Start Creating Fiance App Home Screen UI
24:48 Pie Chart with React-Native-Gifted-Charts
28:58 Create Expense Section
40:57 Create Income Section
47:33 Create Spending Section