React Native Tutorial Step 27 – Add Search Icon to Drawer

Опубликовано: 30 Март 2026
на канале: CourseHack
644
3

Relatively short tutorial today, all we are doing is adding the Search Icon to the drawer. You already know how to do this. If you want to check your answers, then continue reading below! 😉

TODO #1: Add the following to router.js

The changes:

imported Search from './containers/Search/Search/Search.js'

Added const SearchContainer block for the icon, the drawer label, and the screen.

Added Search to MyDrawerNavigator.

That's all! I know what you're thinking. You loved how short today's tutorial was, didn't you? 😉

Don't forget to join the mailing list and our facebook group below if you need some programming help or some accountability partners (And access to our files used in this tutorial series)!

Accompanying medium article:   / react-native-tutorial-step-27  

Don't forget to like, comment, and subscribe!!!

========================================================
Reference Links
========================================================
None!
========================================================
Connect with me!
========================================================
Linkedin:   / donaldlee50  
Instagram:   / donlee50  
Twitter:   / donaldlee50  
Youtube:    / coursehack  
Mailing List: http://bit.ly/coursehack-mailing-list
Coursehack's Facebook Group: bit.ly/join-coursehack-facebook-group
========================================================
What You're Making - Dancingnomads App
========================================================
Web: https://dancingnomads.com
iOS App (help give it 5 stars?): http://bit.ly/dancingnomads-for-ios
Android App (help give it 5 stars?): http://bit.ly/dancingnomads-for-android

Don't forget to like, comment, and subscribe!