React Native Tutorial Step 28 – Search, Profile, Login, and Styles
Welcome to another react native tutorial! This might be useful if you're doing 100 days of code
Drank coffee late last night, so MAN, I'm super tired! Today, we have a lot of things to change. Therefore, it's going to a loooonnnggg tutorial.
Changes in containers/Search/Search/Search.js
We imported Left from Native-Base.
We added some new states: lf (lead/follow), dance, min_age, max_age
We tightened up the this.setState functions in the onChangeHandlers.
We added the Header block that shows the menu on the left to open the drawer and the title.
Renamed "Your Traits" to "General Preferences"
Added two picker options for Lead/Follow (lf) and Dances.
Added a H3 Partner's Preferred Traits.
Renamed "Your Dance Goals" to "Partner's Preferred Dance Goals"
Renamed "Save" to "Search"
Got rid of the Button block containing the Cancel Button.
Tired yet…?
Deleted Search/Search/styles.js and User/Login/styles.js
These were moved to assets/styles.js, remember?
Changes in containers/User/Login/Login.js
import styles from "../styles";
import styles from "../../../assets/styles";
Changes in containers/User/Profile/Profile.js
Usual change of location for styles.js
Change how we push values into goals[] array via goals.push(value)
Got rid of values parameter in the submit() function.
Modified the user.state. → user. for region and country in updateUserAttempt.
Added this. to getGoals() in updateUserAttempt.
Added () to this.submit, therefore this.submit() results, in the Button block containing Save
Okay, that's it for today. Good work!
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-28
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!