04-30-2019 05:52
04-30-2019 05:52
I am trying to write a flashcards app and I was hoping to make the scrolling through the cards infinite, with a title card in-between for shuffling. My current approach is a tumbler-view with the title card and a VTList of flashcards.
<use id="tumbler" href="#tumblerview">
<use href="#tumbler-item" class="screen">
<use href="#titleScreen"/>
</use>
<use href="#tumbler-item" class="screen">
<use id="my-tile-list" href="#tile-list">
<var id="virtual" value="1" />
<var id="separator-height-bottom" value="0" />
<var id="align-mode" value="1" />
<use id="flash-pool" href="#tile-list-pool" height="100%">
<use id="flash-pool[0]" href="#flashCardSet" />
<use id="flash-pool[1]" href="#flashCardSet" />
<use id="flash-pool[2]" href="#flashCardSet" />
<use id="flash-pool[3]" href="#flashCardSet" />
<use id="flash-pool[4]" href="#flashCardSet" />
<use id="flash-pool[5]" href="#flashCardSet" />
</use>
</use>
</use>
</use>
This creates a weird merge so the swiping between cards and title screen is not consistent/ jumpy.
Is there any setting I am missing, like an infinite scrolling var for VTList? or maybe a modification of some sort to the tumbler? I was thinking I could add a header and a footer to the VTList, where the footer could loop back to the top of the list (automatically or via a button) but I don't know how I would implement that. Any suggestion would be helpful!!!