正在加载视频...

视频加载失败

返回首页

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

aashudubey_ad's profile picture

Ashu

2,550 subscribers

31,861 次观看 • 2 年前 •via X (Twitter)

教育艺术科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

Ashu 的头像
Ashu2 年前

You can play with the live demo here 👇

Ashu 的头像
Ashu2 年前

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

Study Bunny Games 的头像
Study Bunny Games2 年前

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

Wadah Esam 的头像
Wadah Esam2 年前

we use this in production

Kwesi Kay 的头像
Kwesi Kay2 年前

Can we get the github link

Usaid 的头像
Usaid2 年前

Good one.

debugmedia 的头像
debugmedia2 年前

One word answer, Cli or Expo?

Ashu 的头像
Ashu2 年前

Both

相关视频

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 次观看 • 1 年前

🎠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,793 次观看 • 2 年前

✨ 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,814 次观看 • 1 年前

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 次观看 • 8 个月前

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

React Native Reanimated かわいい GitHub:

yui540

21,265 次观看 • 1 个月前

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,772 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 10 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 1 年前

💥 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 次观看 • 1 年前

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,985 次观看 • 1 年前

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 次观看 • 8 个月前

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

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

yui540

77,897 次观看 • 1 个月前

⚡️ 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,896 次观看 • 1 年前

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 次观看 • 4 个月前

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 次观看 • 3 个月前

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 次观看 • 1 年前