search

zobeirhamid / react-native-scrollable-navigation-bar

Respecting navigation bar for scrolling screens.
https://zobeirhamid.github.io/react-native-scrollable-navigation-bar/
MIT License
266 stars 29 forks source link

react-native-reanimated #18

Open zobeirhamid opened 4 years ago

zobeirhamid commented 4 years ago

When scrolling in a negative direction using Image Scrollable Navigation, then the image will scale up, but the scaling looks unnatural. Since this package uses the standard React Native Animation API, it's limited using the basic transform properties for native performance. A solution would be rewriting the package using react-native-reanimated since it supports the height property.

zobeirhamid commented 4 years ago

Unfortunately, react-native-reanimated is not a workable solution for this endeavor. It worked like charm for ios, but for Android the events were 1 Frame behind which resulted into bad performance during fast scrolls (the component would be all over the place since the translateY value would be a frame behind).

hirbod commented 2 years ago

I think reanimated 2 is worth a new shot, it also has excellent web support.

zobeirhamid commented 2 years ago

@Hirbod Thank you for the recommendation. I will do some tests to check the performance.