Along with stack-based and tab-based navigation, drawer-based navigation is another form of navigation used inside React Native applications. It is similar to tab-based navigation. The only difference is that instead of the tabs being located at the bottom of the application, we are provided with a drawer containing many options. Users can navigate to different parts of the application by clicking these options. The drawer is commonly placed on the left side of the application. However, it can also be placed on the right side. The illustration below shows how drawer-based navigation works.

Get hands-on with 1400+ tech skills courses.