September 2018
Intermediate to advanced
302 pages
7h 17m
English
It's time to implement drawer navigation to allow users to access less commonly used screens, as shown here:
// src / Chapter 7 / Example 5 / src / screens / index.js// ...export default createDrawerNavigator({ Home: TabNavigation, Profile: withGeneralLayout(() => ( <View> <Text>Profile placeholder. Under construction.</Text> </View> )), Settings: withGeneralLayout(() => ( <View> <Text>Settings placeholder. Under construction.</Text> </View> ))});
As we have our default drawer ready, let's add an icon which will show it. The hamburger icon is the most popular, and is usually placed within one of the header corners:
// src / Chapter 7 / Example 5 / src / layout / views / MenuView.jsconst Hamburger = props => (<Ionicons
Read now
Unlock full access