As a user I want an animation for item manipulation which feels native - Githubissues

knoffi / rpg

2 stars 0 forks source link

As a user I want an animation for item manipulation which feels native #95

Open knoffi opened 3 years ago

knoffi commented 3 years ago

[ ] implement alternativ for react native paper list, orientatet by https://www.youtube.com/watch?v=AVS_2nzt8Do
[ ] list items are swipeable in both directions
[ ] list items hide icons, which self-explain the invoked actions (delete, reroll/edit)
[ ] swiping beyond left threshold invokes native-looking deletion process
[ ] swiping beyond right treshhold invokes native-looking reroll/edit process

knoffi commented 2 years ago

React Reanimated 2 provides tutorial: https://www.reanimated2.com/docs/tutorials/LayoutAnimations/layoutAnimations

UI-test should include:

swipe left always possible
swiper bounces back if no treshhold hit or if no action possible
swiper does not bounce back if treshhold hit
if no action possible, swiper moves like a "heavy object"
if prop changes from rightSwipePossible to !rightSwipePossible (and vice versa), swiping automatically adjusts itself
if item was made by user, then set back in start position/ bounce back VERY quickly after right swipe action (editor modal opens)