GoelBiju
commented
3 years ago Check out React Navigation for handling the bottom tabs.
Looking into React Navigation further, TabNavigator helps us create bottom tabs.
All the icons supported by Expo: https://github.com/oblador/react-native-vector-icons
We can set Tab Navigator colours using tabBarOptions: https://stackoverflow.com/questions/61105084/how-to-set-the-background-color-of-tab-navigator
Description:
Add the user interface for the bottom menu.
Acceptance criteria:
Provide links to the following:
[x] Home (returns user to Home Page - UI)
[x] Search (takes user to Search Screen - UI)
[x] News (takes user to News Screen - UI)
[x] More (takes user to More Activities - UI)
[x] The active button (or the last clicked button) in the bottom menu would be highlighted
[x] ~Bottom menu needs to hide when video lesson is being played (in full screen mode) or when a document (like Sunday School textbook) is being read.~ (Move to #8 )
Mockups: