React Native Tutorial Step 20 —  Editing Router.js

Today we’re making several edits. In my last video tutorial, I left something off, but make sure you do this TODO.

TODO #1: Change our export default function at the end of the file in Profile.js.

* EnableReinitialize allows us to re-initialize our forms with pre-populated values. If you want to know more about it, check it out here. 

TODO #2: Go to /src/containers/User/style.js (create the file if it isn’t there) and make the following changes (add the profileHeaderStyles).

TODO #3: Add createStackNavigator to /src/router.js. Import Profile.js to the router.

* createStackNavigator presents us a way to navigate through screens. More here. 

TODO #4: Change class Profile extends Component to const ProfileContainer. Then, edit MyDrawerNavigator to reflect this.

* We talked about drawerIcon and drawerLabel already in the past, so I won’t go through it here. With regards to the Ionicons, check them out here. 

TODO #5: Make sure response.data in your loginUser(action) function in sagas.js.

TODO #6: Add config folder and index.js inside that folder: /src/services/config/index.js. Then add the following export consts.

That’s all we need to know for now. Was today’s tutorial easy? Leave a comment below!

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: https://medium.com/@donaldlee50/react-native-tutorial-step-20-f0450fae8c8d

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

========================================================
Reference Links
========================================================
Redux Form EnableReinitialize: https://redux-form.com/6.0.2/examples/initializefromstate/

createStackNavigator: https://reactnavigation.org/docs/en/stack-navigator.html

Ionicons: https://ionicons.com/
========================================================
Connect with me!
========================================================
Linkedin: https://www.linkedin.com/in/donaldlee50
Instagram: https://www.instagram.com/donlee50/
Twitter: https://twitter.com/donaldlee50
Youtube: https://youtube.com/coursehack
Mailing List: http://bit.ly/coursehack-mailing-list
Coursehack’s Facebook Group: bit.ly/join-coursehack-facebook-group

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

Post Author: hatefull