Medium mobile article - Sticky footer - React Native with Animated API

Опубликовано: 29 Сентябрь 2024
на канале: Catalin Miron
30,507
914

🔥 In this video tutorial we will re-create Medium's mobile app article sticky footer, using ScrollView and Animated API from React Native.

We'll go through:
- How to create and animated an article content using ScrollView
- How to get layout measurements using onLayout event
- How to create the trigger point for sticky footer
- How to animate element from scroll position
- How to animate the sticky footers
- How to animate the element from the sticky footer

----
⚠️ Access full source code: https://www.animatereactnative.com/po...
----

Starter code: https://gist.github.com/catalinmiron/...

👉👉 Have any questions? Join Discord:   / discord  .

Want to support me?

- Patreon:   / catalinmiron  
- BuyMeACoffee: https://www.buymeacoffee.com/catalinm...
- Paypal: https://paypal.me/catalinmiron
----

You can find me on:

- Github: http://github.com/catalinmiron
- Twitter:   / mironcatalin  
- Website: http://batman.codes

---

Timeline:
TBD

#react-native-sticky-footer #react-native-scrollview #react-native-animations #react-native-medium #react-native-medium-article #medium-article-animation #medium-mobile-app #react-native-animated-api #react-native-scroll-animation #react-native-scroll-sticky #react-native-sticky-scroll