Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

aashudubey_ad's profile picture

Ashu

2,550 subscribers

31,861 görüntüleme • 2 yıl önce •via X (Twitter)

EğitimSanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

8 Yorum

Ashu profil fotoğrafı
Ashu2 yıl önce

You can play with the live demo here 👇

Ashu profil fotoğrafı
Ashu2 yıl önce

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

Study Bunny Games profil fotoğrafı
Study Bunny Games2 yıl önce

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

Wadah Esam profil fotoğrafı
Wadah Esam2 yıl önce

we use this in production

Kwesi Kay profil fotoğrafı
Kwesi Kay2 yıl önce

Can we get the github link

Usaid profil fotoğrafı
Usaid2 yıl önce

Good one.

debugmedia profil fotoğrafı
debugmedia2 yıl önce

One word answer, Cli or Expo?

Ashu profil fotoğrafı
Ashu2 yıl önce

Both

Benzer Videolar

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

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

Ben Awad

91,449 görüntüleme • 1 yıl önce

🎠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.
0:31

🎠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 görüntüleme • 2 yıl önce

✨ 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 👇
0:35

✨ 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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 8 ay önce

React Native Reanimated かわいい GitHub:
0:23

React Native Reanimated かわいい GitHub:

yui540

21,265 görüntüleme • 1 ay önce

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)
4:05

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 görüntüleme • 1 yıl önce

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

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

Erencan Arica

106,871 görüntüleme • 1 yıl önce

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:
0:47

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 10 ay önce

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.
0:20

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 görüntüleme • 2 yıl önce

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.
0:21

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 görüntüleme • 1 yıl önce

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

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

Enzo Manuel Mangano

35,482 görüntüleme • 1 yıl önce

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

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

Software Mansion

245,945 görüntüleme • 1 yıl önce

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

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 görüntüleme • 8 ay önce

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

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

yui540

77,858 görüntüleme • 1 ay önce

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

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

Evan Bacon 🥓

61,874 görüntüleme • 1 yıl önce

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

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

Beto

16,069 görüntüleme • 4 ay önce

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

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 görüntüleme • 3 ay önce

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
7:08

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 görüntüleme • 1 yıl önce