How to Create a Page with Text and Decreasing Counter that Auto-Transitions to the Next Item

Database & APIs

I’m working on a project using FlutterFlow and need to set up a specific functionality:

• I have a list of 22 text items, each with a specific number of repetitions.

• I want to create a page that displays the first text item and shows the number of repetitions below it.

• There should be a button that, when pressed, decreases the repetition count by 1.

• Once the repetition count reaches zero, I want the page to automatically move to the next text item in the list.

• This process should continue until all 22 text items have been displayed, after which a “Thank You” page should be shown.

• After the “Thank You” page, it should redirect the user back to the first text item.

Could anyone guide me on how to set this up in FlutterFlow? Any examples or detailed steps would be greatly appreciated!

What have you tried so far?

I’ve explored some basic functions in FlutterFlow, like creating lists and counters, but I’m struggling with making the counter decrease and then automatically transitioning to the next text item once the count reaches zero.

Did you check FlutterFlow's Documentation for this topic?
Yes
2
1 reply