deanmcpherson / deanmcpherson/react-native-sortable-listview

Android fling gesture breaks UI with setLayoutAnimationEnabledExperimental enabled

Open
#112 6 comments 3 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
909
Forks
225
PR merge metrics
No merged PRs in 30d

Description

If you enabled animations on Android in the `example.js` (https://github.com/deanmcpherson/react-native-sortable-listview/blob/master/Sortable/example.js#L10)

By adding:
```
UIManager.setLayoutAnimationEnabledExperimental &&
UIManager.setLayoutAnimationEnabledExperimental(true);
```

And then when you activate a row and do the fling gesture it causes UI issues as seen in this screenshot:
![screenshot_20171004-174747](https://user-images.githubusercontent.com/355490/31206446-baa61d4a-a92c-11e7-83fa-07c46c01b242.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the animation setup in Sortable/example.js around line 10 and reproduce the Android fling after activating a row with experimental layout animation enabled. Compare the resulting UI with the linked screenshot and trace the gesture and animation behavior. Done means the fling no longer causes the reported UI issues.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.