+I used React Navigation for navigating between screens(home and details screen); SearchBox component of react-native-elements for SearchBox and also Avatar, Divider components of this library;react-native-progress-circle for Indicators. In dummy data i seperated data by time durations and every time duration has its own color, percentage, label(which gives us the opportunity to map&use them in Progress.js in Components folder) and operations history which is also simplifies its usage and mapping process, and also helps us not to use another dummy data for user details. In Components folder I created List.js for showing all operations made recently(current week, last week and last month) and here is firstly shown user image, name and amount of payment which navigates to details screen when pressing it. Detail.js is for showing payment details(payment date, payment type and payment method).(all files in Components folder mainly aim prevent bolierplates, shorten and increase the readibility of codes);
0 commit comments