mmwoods/expo-react-native

Practice using React Native with the Expo CLI

expo-react-native's Issues

Convert transactions list to SectionList

Currently the list of transactions on the Spending page uses the ScrollView component. However, to support the title for each day, and to section each set of transactions per day this will need to be converted into the SectionList component.

• SectionList Documentation

Requirements

• Display the section title (day/date) above each series of transactions
• Stick to the top of the section to remain always visible when scrolling

Saving Screen Sections

The section within the Saving Screen are as follows:

• Total saved amount
• List of each saving goal
• Long pressing a goal brings up an edit menu (change title, icon, limit, due date)
• Option to add additional savings goals

Spending Screen Sections

Sections

The spending screen has the following sections, outlined in greater depth below:

• Account value
• Activity graph
• Insights section
• Spending activity (as a series of transactions)

Activity Graph

• Graph the spending (positive/minus) over the week
• Option to change the timepoint (week, fortnight, month etc.)
• Option to disable entirely
• Swiping this section takes you to the Insights Section

Insights Section

• Displays spending per each of the predefined/automatic categories (food, drinks, etc.)
• Vertical scrolling of list supported
• Tapping a section will filter the transactions below (and show a label/toggle)
• Long press enables changing the category name, limit etc.
• Swiping this section takes you to the Activity Graph

Spending Activity

• Add option for pending transactions
• Add date of each transaction #1
• Search within transactions
• Filter transaction based on Debits, Credits, or Pending
• Add map to extra information screen

Sending Screen Sections

Within the spending screen there are the followingL

• Options for payment (payID or BSB)
• Account selection
• Account balance