catalinmiron/react-native-accordion-menu

React Native Accordion Menu

Run on your device

Snack: https://snack.expo.io/@catalinmiron/react-native-accordion-menu

Youtube tutorial

In this video tutorial we'll learn how to create an accordion animation in React Native using Transition API from React Native Reanimated library (https://github.com/software-mansion/react-native-reanimated) and flexbox styling. We will re-create an awesome and colourful animation done by InterfaceMarket.

• Inspiration: https://interfacemarket.com/ui-kits/boston-grocery-delivery-app-ui-kit
• GitHub: https://github.com/catalinmiron/react-native-accordion-menu
• Reanimated: https://github.com/software-mansion/react-native-reanimated
• Expo: https://expo.io/

You can find me on:

• Github: http://github.com/catalinmiron
• Twitter: http://twitter.com/mironcatalin

Wanna give me a coffe?

• Paypal: [email protected]

In this video tutorial we'll learn how to create an accordion animation in React Native using Transition API from React Native Reanimated library (https://github.com/software-mansion/react-native-reanimated) and flexbox styling. We will re-create an awesome and colourful animation done by InterfaceMarket.

Inspiration: https://interfacemarket.com/ui-kits/boston-grocery-delivery-app-ui-kit GitHub: https://github.com/catalinmiron/react-native-accordion-menu Reanimated: https://github.com/software-mansion/react-native-reanimated

react-native-accordion-menu's Issues

categories do not expand

I downloaded your github dps I installed the packages I did everything right and yet my project was like this I don't know why I tried to see everything I did again I copied my hand etc and everything is going to give me this way I can't expand the rest someone can help me ?

List is not expanding

I followed your tutorial, but unfortunately, the list is not expanding when you touch an item in the list, it is just the text moving up and down :( any tips :(

It might have something with this to do?
Argument of type 'number | null' is not assignable to parameter of type 'SetStateAction'.
Type 'number' is not assignable to type 'SetStateAction'.ts(2345)

i am using tsx and not js, so can you please tell me how i can solve it ?

<TouchableOpacity key={category} onPress={() => { ref.current.animateNextTransition(); setCurrentIndex(index === currentIndex ? null : index); }} style={styles.cardContainer} activeOpacity={0.9}

thats what i am getting

Any recommendation?