Had to adjust a tonne of the styling to make this work and look good.
Essentially, on iOS the shadows are just cast across any boundaries of the element, but with Android, you need to provide padding (or margin) for those shadows and scaling to come through.
So, instead of having a horizontal margin on the entire SortableList, I set the horizontal margin on the rows themselves. This gives plenty of room to conduct those animations and shadows.
I also added a similar scaling transform for Android, except a little smaller so we can get more of the shadow from elevation in.
I tested out different elevation ranges and this looks to be about right.
It’s a little more playful. I like that.
Also lengthed the animation to 300 so it feels more natural.
Tested out elastic (no worky on Android), ease, inout, quad.
I like this one the best.
We have it listed in package.json as ^0.41.2 so let’s make sure to use a similar approach in Gadle.
Just as a reminder, 0.41+ means any versions like 0.42, 0.43, etc. which is the same meaning ^0.41.2 in package.json.
According to http://ant.apache.org/ivy/history/trunk/settings/version-matchers.html
The first kitty in the example app didn’t have a picture because the URL for the image wasn’t working. Updated it to a random working one and now we can see 1 more kitty in the lineup. :)
