I am working on creating a Todo list animation. I want the top three list items (Task1, Task2, Task3) to be draggable. However, I only want the user to be able to drag Task2 once Task1 has been completed (swiped to the right). The same goes for Task3. This means unless Task1 has been swiped off the screen, I want Task2 and Task3 to be draggable.horizontal = false.
To do this I thought I could set a variable "firstBoxMoved" and set it equal to False. Then when Task1 is moved off the screen, set the variable to True. Then from there I could use a conditional (if..) to check whether or not that was true to set Task2 and Task3 draggable.horizontal to either true or false.
I have printed out the firstBoxMoved before and after I swipe Task1 off the screen and it shows that it is changing so I don't know why the conditional will work.
If anyone can help it would be appreciated. I am new to Framer but it looks like an awesome community, Thanks.
This prototype idea is from Noah Levin on SkillShare.