Thanks for the support hope you subscribe to see more videos. To make the usage more easier I've converted it to a npm package you can use it directly from this link www.npmjs.com/package/react-native-accordion-list-view And for the source code you can check my github: github.com/louaySleman/react-native-accordion-list-view/tree/main/src
Thanks for the support ❤️ I'll add this to the package in the next release and I'll let you know when it's live, hope you subscribe to see more videos ❤️
Thank you for this, what a wonderful tutorial. I'm currently using your package however I can't figure out how to make it work in a scrollview. Is there something I am missing?. Thank you for your efforts.
Hi, im doing this in my project. But, i want to keep the dropdowns open even if the user is not anymore in the same view/ screen. I need this because i use the setShown to change the style of the dropdowns (blue if open, White if closed). So, the user when he is back to the dropdowns they are closed but are still blue. How can i do this?
Thanks for the tutorial! Is there a way to collapse the other dropdowns if one dropdown is toggled? In my project, I must only allow one dropdown toggled at a time. It would be an amazing implementation to your npm package.
Thanks for the support ❤️, I'll add it in the next few days on the library stay tuned I'll notify you in q comment when it's live, hope you subscribe to see more videos
@@Nand00Coelho I just updated the npm package and I've added the expandMultiple property by default it's false, you can check the new version from here: www.npmjs.com/package/react-native-accordion-list-view/v/2.0.1
Yeah you just need to add this useEffect in your page: useEffect(() => { if (Platform.OS === 'android') { if (UIManager.setLayoutAnimationEnabledExperimental) { UIManager.setLayoutAnimationEnabledExperimental(true) : } } import {UIManager} from 'react-native';
And you can use the library based on the video with more improvements and options you can check it here www.npmjs.com/package/react-native-accordion-list-view
Yeah you just need to add this useEffect in your page: useEffect(() => { if (Platform.OS === 'android') { if (UIManager.setLayoutAnimationEnabledExperimental) { UIManager.setLayoutAnimationEnabledExperimental(trueimport {UIManager} from 'react-native';); } } }, []); import {Platform, UIManager} from 'react-native';
And to make the usage more easier I've converted it to a npm package you can use it directly from this link www.npmjs.com/package/react-native-accordion-list-view And for the source code you can check my github: github.com/louaySleman/react-native-accordion-list-view/tree/main/src
@@LouaySleman do you have an online course, I'm in need but it's very complete to start using the API with Axios, and the redux saga, if anyone wants to buy it but is it expensive?
@@argafauzianto713 I'm currently working on a complete course for React Native and it will explain everything from axios to Redux, making animations and a lot more. Please subscribe to my channel and you can help me to make more videos by supporting me in Patreon: www.patreon.com/louaysleman
Thanks for the support hope you subscribe to see more videos. To make the usage more easier I've converted it to a npm package you can use it directly from this link www.npmjs.com/package/react-native-accordion-list-view And for the source code you can check my github: github.com/louaySleman/react-native-accordion-list-view/tree/main/src
I've already convert this component into a typescript library you can check it on npm:
www.npmjs.com/package/react-native-accordion-list-view
This helped me a lot bro..I'm using this in our live application and all thanks to you!!
You're welcome, Thanks for the support hope you subscribe to see more videos ❤️
Absolutely super put more videos bro.
Thanks I will put more please subscribe ❤️
i love you man, best video ever
Thanks bro ❤️ hope you subscribe to see more videos ❤️
@@LouaySleman oh almost forgot, done!
Great tutorial simple and working
Thanks for the support hope you subscribe to see more videos ❤️
Great tutorial, simple and nice working
Thanks for the support hope you subscribe to see more videos ❤️
Its perfect !! 👌
Thanks ❤️ please subscribe to see more videos
Thanks!! Amazing tutorial keep it up!
You're welcome, please subscribe to see more videos
Thank you! This is an amazing tutorial!
Thanks hope you subscribe to see more videos ❤️
Awesome work
Thanks for the support hope you subscribe to see more videos ❤️
Amazing tutorial keep it up 👆
Thanks for the support hope you subscribe to see more videos ❤️
Great tutorial keep going
You're welcome hope you subscribe to see more videos ❤️
@@LouaySleman yes done 👍
Thanks bro!🔥🔥🔥
Thanks for the support hope you subscribe to see more videos ❤
Thanks for tutorial
Thanks for the support hope you subscribe to see more videos.
To make the usage more easier I've converted it to a npm package you can use it directly from this link
www.npmjs.com/package/react-native-accordion-list-view
And for the source code you can check my github:
github.com/louaySleman/react-native-accordion-list-view/tree/main/src
Thank You!
Your welcome hope you subscribe to see more videos ❤️
Hi, How to close the toggle on empty space pressed?
Thanks for the support ❤️ I'll add this to the package in the next release and I'll let you know when it's live, hope you subscribe to see more videos ❤️
Keep it up, please make a video about carousel animations
Thanks for the support hope you subscribe to see more videos ❤️
I LOVE YOU
keep creating content, very well explained! the component is easy to understand and customizable.
@@ezequieldiaz6103 I love you too 😍, I'm working on new tutorials, Please subscribe to see more videos ❤️
Thank you for this, what a wonderful tutorial. I'm currently using your package however I can't figure out how to make it work in a scrollview. Is there something I am missing?. Thank you for your efforts.
Thanks for your comment, Can I see your code?
@@LouaySleman Hello, I'm so sorry for the late reply, I found out I was implementing wrongly. It works like charm now!.
Thank you!.
@@wplearnonline628 I'm happy for you have a nice day
Hi, im doing this in my project. But, i want to keep the dropdowns open even if the user is not anymore in the same view/ screen. I need this because i use the setShown to change the style of the dropdowns (blue if open, White if closed). So, the user when he is back to the dropdowns they are closed but are still blue. How can i do this?
Thanks for the comment, can you share your code on github and I'll try to help you with it
@Louay Sleman hey thanks for the reply i already fixed it 🥰
@@lfm_00 you're welcome Hope you subscribe to see more videos ❤️
Thanks for the tutorial!
Is there a way to collapse the other dropdowns if one dropdown is toggled? In my project, I must only allow one dropdown toggled at a time.
It would be an amazing implementation to your npm package.
Thanks for the support ❤️, I'll add it in the next few days on the library stay tuned I'll notify you in q comment when it's live, hope you subscribe to see more videos
Hello! I'm subscribed! Thank you for taking my suggestion, it will help me and other developers for sure!
@@Nand00Coelho I just updated the npm package and I've added the expandMultiple property by default it's false, you can check the new version from here:
www.npmjs.com/package/react-native-accordion-list-view/v/2.0.1
@@LouaySleman Thank you so much for the update! You are a true life saver.
@@Nand00Coelho you're welcome 🙃
I followed your tutorial, but when I run it, it says cannot call class as a function. Could you be of help?
Thanks for commenting hope you subscribe ❤️, and sure I'll try my best can you upload it to github so I can take a closer look?
doesnt work for android
Yeah you just need to add this useEffect in your page:
useEffect(() => {
if (Platform.OS === 'android') {
if (UIManager.setLayoutAnimationEnabledExperimental) {
UIManager.setLayoutAnimationEnabledExperimental(true) :
}
}
import {UIManager} from 'react-native';
And you can use the library based on the video with more improvements and options you can check it here
www.npmjs.com/package/react-native-accordion-list-view
for android work ?
Yeah you just need to add this useEffect in your page:
useEffect(() => {
if (Platform.OS === 'android') {
if (UIManager.setLayoutAnimationEnabledExperimental) {
UIManager.setLayoutAnimationEnabledExperimental(trueimport {UIManager} from 'react-native';);
}
}
}, []);
import {Platform, UIManager} from 'react-native';
And to make the usage more easier I've converted it to a npm package you can use it directly from this link
www.npmjs.com/package/react-native-accordion-list-view
And for the source code you can check my github:
github.com/louaySleman/react-native-accordion-list-view/tree/main/src
Wuihh thankss bro
@@LouaySleman do you have an online course, I'm in need but it's very complete to start using the API with Axios, and the redux saga, if anyone wants to buy it but is it expensive?
@@argafauzianto713 I'm currently working on a complete course for React Native and it will explain everything from axios to Redux, making animations and a lot more.
Please subscribe to my channel and you can help me to make more videos by supporting me in Patreon:
www.patreon.com/louaysleman
apparently better is use Pressable component instead TouchableOpacity
Yeah, you're right on that, thanks for the support ❤️ hope you subscribe to see more videos
@@LouaySleman great content by the way
@@kamgdy89 thanks
@@LouaySleman I have got a problem with LayoutAnimation. I don't know why this doesn't work.
const [showContent, setShowContent] = useState(false);
const animationController = useRef(new Animated.Value(0)).current;
const toggleContent = () => {
const config = {
duration: 300,
toValue: showContent ? 0 : 1,
useNativeDriver: true,
};
Animated.timing(animationController, config).start();
LayoutAnimation.configureNext(toggleAnimation);
setShowContent(prevState => !prevState);
};
{!!label && {label}:}
{value}
{showContent && (
item1
item2
item3
item4
)}
@@kamgdy89 are you testing in android?
source code pls
Thanks for the support hope you subscribe to see more videos.
To make the usage more easier I've converted it to a npm package you can use it directly from this link
www.npmjs.com/package/react-native-accordion-list-view
And for the source code you can check my github:
github.com/louaySleman/react-native-accordion-list-view/tree/main/src