Onboarding Screen feature creation help

Discuss
,
#1

Hello Kodars, sup?!
I wanted to know if anyone of you created onboarding screen on your app. So I could get some tips and tricks. I am not new to the community but there is many things to explore.

I wanted to do onboarding screen like this (check attachment) and couldn’t figure out how to show that after install only. And also the progessbar (Screen number with dots) how to sync that with the slides.

Help I need with -

  1. Components suggestion to do Onboarding Screen. (Example if possible). [Need Solution]

  2. How to show only after Install. [Solved]
    Solution :

image
image1094×718 235 KB

#2

Hi, a5artilary you can use TinyDB to do that.
On first start app check TinyDB if the value is empty show onboarding screen and store some value on TinyDB.
On second start app check TinyDB if the value is not empty and go to another screen or show you needs to show.

2 Likes
#3

Thank you <3 . I had that in mind. You know knowing more won’t hurt :stuck_out_tongue: .

#4

image

If this helped you, mark the post as solution.

1 Like
#5

i’m happy to help you !!!
Greetings.

1 Like
#6

Can I assign Two solution at one post?

#7

No, you can’t but why do you want? The post deals with your problem, nothing else. So mark @bestprintsf’s one as solution. :white_check_mark:

1 Like
#8

@Yoshi answered your question.
You problem be solved, nothing more to say

#9

Ikr. I don’t wanna be a jerk but main solution would be No (1)'s solution on my post:

#10

Oh you mean you solved it yourself and @bestprintsf should not get the solution? Well, idk. This should be answered by @bestprintsf himself.

#11

What you need ??
You need block to do that ??
i can give time

1 Like
#12

Did you read my post? :roll_eyes: :thinking:

#13

Not block actually. I need the dot type progressbar
image
which syncs with the slides and I can’t figure it out.

#14

wdym with that. Explain further please… we are no :mage: :mage:

#15

Check the main screenshot I provided. The progessbar (3 dots) when It is in the first slide first dot is highlighted and others aren’t. Same goes with other slides.

#16

But is this all in one screen? If so, you will just have a variable to change with every slide and then do it. But if it is on different screens, you have to use TinyDB, as mentioned by @bestprintsf. Best idea now: show us your blocks what you have already tried.

#17

What ???
Progressbar !!! come on guys !!!
Is easy to do that

1 Like
#18

Yes all in one screen.

Can’t figure out how to use the dot progressbar. Thats why asked components suggestion. :no_mouth:

#19

As I said there is many things to explore and nothing comes with instructions :pensive:

#20

I would use the state PB. But never used it, so don’t know if that works or not.