So how can you make a custom Drawer Navigator with icons and lists and swipes? Here’s an example of my latest task reminder which intergrates a custom Drawer Navigator into the Home Screen.
Drawer Navigator Example
Drawer Navigator Lists based navigation are the best and easiest for users to know where and what are the items or contents. Switches are usually added to toggle a single particular item between on and off.
Also, you can add an extend list option by yourself with an arrow-extending button, example:
Extend results combining blocks
Lists are made out of rows with top and/or bottom borders. Also the swipe function from the homescreen side is made out of the block:
Touch Up: It can do a certain action on swiping
In the following video, I will demonstrate how to open it by swiping the left edge of the screen:
That’s all, enjoy!
New Version of Custom Drawer Navigator!
- Opacity of items in background has changed, so you can see an overlap effect! (changed in UX)
- Rounded corners list, Modern look and feel (changed in UI)
Link to copy project:
For beginners or you haven’t read to posts above yet:
The drawer navigator is in the ‘home’ screen.
How to login: