question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add onboarding swiper as welcome screen

See original GitHub issue

Our current welcome screen before a user logs in:

I quite like it, but I think having a welcome swiper explaining the different things the app could do would be even better 🤓

For example: the Slack mobile app

image

The Product Hunt app

Doesn’t have to be as anything as complicated as those options - they’re just for reference.

Some points however:

  1. react-native-swiper seems to be an excellent library that can do just this
  2. I like the idea of having the Sign In button at the bottom always so even though the user can continue to swipe, they can always just click the sign in button
  3. I’ll leave the floor open for design suggestions. Something simple with a top title (Control your notifications for example, a GitHub octicon in the middle and a mini blurb below (View and control all of your unread and participating notifications. for example is what I’m envisioning. Feel free to just lift copy from the landing page

Always open to further ideas and suggestions of course ❤️

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:5
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
housseindjirdehcommented, Jul 26, 2017

Current progress

currentprogress

Will have a PR up for it tomorrow (needs a little more color I think 🤔)

I’m thinking the slides will be in this order:

  1. Welcome
  2. Notifications
  3. Repository/User
  4. Complete issue and pull request control

Let me know if anyone has any suggestions!

1reaction
lex111commented, Jul 26, 2017

I would also list the main features, add more icons, and maybe make an animation?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Setting up Onboarding Screens in React Native
Creating the Onboarding Swipes ... The first thing to do is to create a folder in the project's root directory, name it assets...
Read more >
react-native-onboarding-swiper - npm
There are many ways to onboard people to your mobile app. But for React-Native, there is solely one component that is a) easy...
Read more >
Onboarding Screen React Native - YouTube
In this React Native Tutorial you'll learn React Native Onboarding tutorial | React Native Onboarding Swiper | Onboarding Screen in React ...
Read more >
How to create onboarding screens with React Native ViewPager
Let's add the logic for the scenario when the app allows the user to navigate back from the current page in the onboarding...
Read more >
Why isn't react-native-onboarding-swiper working on my ...
I have looked for solutions without success, I need the splash screens to show only when we use the app for the first...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found