Skip to content

This project is developed using Flutter and Dart. Users can access swipeable tutorial pages. The tutorial pages feature content with Parallax Scrolling. Additionally, the expense list includes Parallax Scrolling background pictures for each expense item.

Notifications You must be signed in to change notification settings

rogerchang1108/Expense-Tracker-App-with-Parallax-Scrolling-with-Flutter

Repository files navigation

Expense Tracker App with Parallax Scrolling

An advanced version of the Expense Tracker App has been developed using Flutter and Dart. In this project, users can access swipeable tutorial pages by clicking the "i" button on the app bar. The tutorial pages feature content with Parallax Scrolling. Additionally, the expense list now includes Parallax Scrolling background pictures for each expense item.

Features

  1. The app now has Sliver AppBar and Sliver ExpensesList in Portrait mode.

  2. The expense list includes Parallax Scrolling background pictures for each expense item.

    component

  3. The app now will do re-layout in Landscape mode.

    component

  4. An "i" button on the appbar to navigate to an tutorial page

  5. A swipaeble tutorial with pages is available now.

    • The pages are left-right swipeable

    component

  6. There are Parallax Scrolling effects on each widget of the tutorial page

    • The text moves at 1.5x moving speed of icon
    • The button moves at 2.5x moving speed of icon
    • Button: "Next" scroll to the next page, "Done" dismiss the tutorial

    component

Resources

About

This project is developed using Flutter and Dart. Users can access swipeable tutorial pages. The tutorial pages feature content with Parallax Scrolling. Additionally, the expense list includes Parallax Scrolling background pictures for each expense item.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published