Onboarding Screen Exercise Resolved#4
Open
khattasallaman wants to merge 3 commits intoQLASH-eSports:masterfrom
Open
Onboarding Screen Exercise Resolved#4khattasallaman wants to merge 3 commits intoQLASH-eSports:masterfrom
khattasallaman wants to merge 3 commits intoQLASH-eSports:masterfrom
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
I implemented the onboarding flow using react-native-swiper and some interesting images from Qlash Instagram .
The flow consists of 4 screens:
-> Welcome Screen that contains an image with the company logo and a welcome message.
-> Second Screen with an image of the Qlash headquarters and some enticing info about the company.
-> Third Screen with a nice image and a message of the most interesting feature of the app.
-> The Final screen with the call to action button.
When the user click on the Get Started button in the final screen the app navigate to the game-selection screen and never shows the onBoarding flow again until the user clears the memory.
This last part is implemented using @react-native-async-storage/async-storage by using a flag to determine if it's the first time the app is being launched or not.