Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

How to Implement a custom Accordion in react-native? using reanimated

Ashu

2,550 subscribers

31,861 views • 2 years ago •via X (Twitter)

Education Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

8 Comments

Ashu2 years ago

You can play with the live demo here 👇

Ashu2 years ago

This example with detailed explanation and the source code is now available on my Patreon:

Study Bunny Games2 years ago

Learn Japanese through "mild immersion" in a game Like this? Repost and follow us!

Wadah Esam2 years ago

we use this in production

Kwesi Kay2 years ago

Can we get the github link

Usaid2 years ago

Good one.

debugmedia2 years ago

One word answer, Cli or Expo?

Ashu2 years ago

Both

Related Videos

I made a game in react native using reanimated, svgs, and rive This is how:

I made a game in react native using reanimated, svgs, and rive This is how:

Ben Awad

91,449 views • 1 year ago

🎠Parallax Carousel Custom React Native animated Carousel that has the same API as FlatList, that's using React Native Reanimated to animate each individual Carousel Item but also `useAnimatedSensor` to apply the "Parallax" effect to the active carousel item.

🎠Parallax Carousel Custom React Native animated Carousel that has the same API as FlatList, that's using React Native Reanimated to animate each individual Carousel Item but also `useAnimatedSensor` to apply the "Parallax" effect to the active carousel item.

Catalin Miron - AnimateReactNative.com

25,784 views • 2 years ago

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,726 views • 1 year ago

Done in React Native. Powered by Reanimated by Software Mansion Robust API: - triangle orientation - custom height/base - stroke Thanks Elkenzi𝕏 & Shubham 👾 for the inspiration!

Done in React Native. Powered by Reanimated by Software Mansion Robust API: - triangle orientation - custom height/base - stroke Thanks Elkenzi𝕏 & Shubham 👾 for the inspiration!

Catalin Miron - AnimateReactNative.com

14,450 views • 8 months ago

React Native Reanimated かわいい GitHub:

React Native Reanimated かわいい GitHub:

yui540

21,265 views • 1 month ago

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Beto

50,589 views • 1 year ago

Text slide animation in React Native Expo🤤 w/Software Mansion's reanimated + expo-blur 🫶 product/ 💙

Text slide animation in React Native Expo🤤 w/Software Mansion's reanimated + expo-blur 🫶 product/ 💙

Erencan Arica

106,871 views • 1 year ago

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 views • 1 year ago

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

112,754 views • 10 months ago

i'm playing around with React Native new architecture examples using react-native@0.74-rc and react@18.3-canary, and it's pretty cool to see automatic batching with native event handlers in action.

i'm playing around with React Native new architecture examples using [email protected] and [email protected], and it's pretty cool to see automatic batching with native event handlers in action.

brent

80,858 views • 2 years ago

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

Oskar

35,725 views • 1 year ago

💥 Introducing Demos An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia. →

💥 Introducing Demos An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia. →

Enzo Manuel Mangano

35,482 views • 1 year ago

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨

Software Mansion

10,660 views • 8 months ago

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Software Mansion

245,945 views • 1 year ago

React Native Reanimatedでアプリのトランジションに遊びを入れてみる

React Native Reanimatedでアプリのトランジションに遊びを入れてみる

yui540

77,858 views • 1 month ago

⚡️ Using @Expo DOM components to incrementally migrate React Flow charts over to a native app

⚡️ Using @Expo DOM components to incrementally migrate React Flow charts over to a native app

Evan Bacon 🥓

61,874 views • 1 year ago

This guy literally shows how to deploy a React Native & Expo app in 4 min

This guy literally shows how to deploy a React Native & Expo app in 4 min

Beto

16,069 views • 4 months ago

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Thomino

25,165 views • 3 months ago

Ollama Native Tool Calling: Integrate AI with ANY Python Function in 7 mins! 📚 Hands-on Tutorial ⚡ How to Install? 🛠️ How to Create Custom Tools? 🔌 How to Integrate in App? ⚡ How to Implement Async? 🔧 How to Use Existing Python Functions? ollama AI at Meta Meta

Ollama Native Tool Calling: Integrate AI with ANY Python Function in 7 mins! 📚 Hands-on Tutorial ⚡ How to Install? 🛠️ How to Create Custom Tools? 🔌 How to Integrate in App? ⚡ How to Implement Async? 🔧 How to Use Existing Python Functions? ollama AI at Meta Meta

Mervin Praison

16,295 views • 1 year ago