In this project, you will be implementing navigation in our app. For this reason, I am attaching 3 separate React Native projects that must all be combined into one project, with the swipe screen as the initial screen. Please call the new project "meet_greek"
These are the project folders I am attaching:
CardExample -- This project contains the Swipe Screen as well as the Detailed Profile page.
my_profile -- This project contains the My Profile page as well as the Edit Profile page
Please use the react-native-tinder-navigator library ([url removed, login to view]) to connect 3 of our pages through the header that the library provides. The header consists of 3 tabs. The page on the left should be the nav page which you will design in this project (details below). The page in the middle, which is also the default page, should be the swipe screen (from the project CardExample). The page on the right is unimplemented, but please keep the tab in the header. If you want, you can have it lead to a blank screen.
Please use the following library for the header icons: [url removed, login to view]
For the nav page (left page) use "gear" from Octicons. For the swipe screen use our logo with the hearts. For the unimplemented page, use "ios-chatbubbles" from Ionicons. I believe the gear and the chatbubbles can be found in react-native-vector-icons library.
Instructions for the nav page:
In this project, you will also be implementing the design of the nav page. We have attached the file that you must use in order to implement the screen ([url removed, login to view]).
The main part of the screen includes 3 buttons (My Profile, Settings, Premium).
Please use [url removed, login to view] to create transitions for My Profile and Settings pages.
My Profile: This button includes a snippet of a user's profile picture. Use the image provided ([url removed, login to view]) in order to represent this. Use a portion from the middle of the photo to show on the screen. When the user clicks this button, the user will be brought to the My Profile page (from the my_profile project). Use react-native-card-modal library in order to create the transition.
Settings: When the user clicks this button, the user will be brought to the Settings page (from the Settings project). Use react-native-card-modal library in order to create the transition.
Premium: When the user clicks this button, an alert popup will appear that says "Coming soon".