search

HandlebarLabs / currency-converter-starter

Code for the React Native Basics: Build a Currency Converter Course
http://learn.handlebarlabs.com/p/react-native-basics-build-a-currency-converter
185 stars 99 forks source link

Animation has no 'tweening' #25

Open simonkincaidkintronix opened 5 years ago

simonkincaidkintronix commented 5 years ago

Hi, great tutorials so far, but this part of the animation has stumped me.

Using Android devices to test.

I have tried my own way of fixing this, but ultimately I have copied exactly your styles.js and logo.js, and when the keyboard opens/closes, it takes a few seconds and then jumps straight to the end value so you dont see the logo shrinking/expanding. It just renders immediately to the start or end values.

Have you come across this before?

simonkincaidkintronix commented 5 years ago

This was a strange one but in the end I upgraded react native, broke the current install for some confusing reason and then started a new project afresh and brought the files across. Animations are now working smoothly, although android is a bit jerkier as talked about.

spencercarli commented 5 years ago

Yeah, animations in dev mode on Android can be iffy.

When you say the animations are jerky, do you mean that they start after the keyboard opens? It could be that android doesn't support a keyboardWillShow event - only a keyboardDidShow, which will always lead to lagging animations.