Swipeablestack to loop from a firestore collection (for a flashcard like app)

Database & APIs

In flutterflow, I have a firestore collection, each document has words in different languages in them. I have a swipeable stack in flutterflow, it display the words from the same document on the swipeablestackpage. see below

I would like my app to do this: when the user swipe left or right, it shows a new "card" with the words of another document in my collection below (I only have two but in the end there will be thousands like the hordes of mordor). An also do +1 to the variable "score" if right swipe and -1 if left swipe. The likelihood of the cards showing up will be linked to the score (if score of 7, less likely to appear, if -5 more likely)

I would really like to keep the swipe action.

What have you tried so far?

I can't even have my swipeablestack to work on loop on my firestore collection...

  • I have tried the "loop" in the parameters of swipeablestack, but it gives an error when I select my "test_collection document" -> Reference

  • I have kept only one swipeablestack page (i read somewhere we need to do that for looping)

  • I have tried different actions in the action flow editor

Also I did desesperate tries but I think not worth to put here

  • I have checked a video https://www.youtube.com/watch?v=wqwzKVDz0Tc for a look alike tinder. but he doesn't use the swipeablestack

  • I've checked many old questions here, but there were different issues, or I couldn't figure out how to apply the solution to my case

I have the feeling each time I'm so close yet so far like legolas gazing at the advance of the orcs that carried merry and pippin.

Is there a Gandalf or a Galadriel to help me?

Merci beaucoup!

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