Very cool man. It really helped me. I have had a design from my UX designer that looks like this before now, and I had to debunk it cuz I didn't believe it was possible... Now I see it is possible. Thank you.
Excellent video my brother please we want you to teach more stuff related to react native as all need your knowledge for growing there skills in react native. Please make regular video related to react native.
Honestly its not The best thing is to get to the point. Most tutorials start with (Hey guys ....blah..blah..) (Today we will be ... blah blah blah) Wasting 10 minutes talking without explaining till at the end you the audience find out if thats the tutorial you need or not.
hey all! getting error with this when I put it inside my own expo project have tried reinstalling/removing/creating new projectbut no luck also deleting node_modules/package.json any ideas would be appreciated! iOS Bundling failed 605ms error: node_modules/react-native-reanimated/src/Animated.js: Cannot find module 'react-native-reanimated/plugin'
Brother i need your help, you have used the same color for svg and screen component, i want to make transparent background for active tab bar how can i do this?
@@maxdietel please make another video for us, just like i ask in the above comment. because right now i am working on a project and they need that kind of tab bar 🥲
Sorry mate, there is not a single way I can imagine on how to do this. Some things you can do easily in a design tool cant be done that easily if you program it. Maybe you should have a second look at the design and change it to a one colored background cause I cant help you in your case and Im pretty sure its just NOT possible
Hi mate, I have error on this line of code your github 112: return [...layout].find(({ index }) => index === activeIndex)!.x - 25 It says I'm missing a semicolon around (( ! and x )) Can you help me why it showing that error, I copied your code
I just cloned the code again and it worked perfectly. There are multiple people that already tried out the code on Github and your the only one that got an error yet. This is most likely a problem on your part. It kind of sounds to me like you have some kind of code formatter activated that doesn't like the structure of my code so it complains about some thing that would actually work.
I've seen a lot of this kind of custom nav bar, fancy animation, etc. But I never encounter 1 app that really uses this kind of effects. Always overrated.
Straight to the point and just as much detail as you need! Keep it up.
I am a newbie in React Native, the way design is amazing and very smart ! It's awesome UI and UX ! Thank you.
Very cool man. It really helped me.
I have had a design from my UX designer that looks like this before now, and I had to debunk it cuz I didn't believe it was possible... Now I see it is possible.
Thank you.
Glad I could help you!
i have been searching this video for a very long time thankyou
Nice to hear I could help you!
Excellent video my brother please we want you to teach more stuff related to react native as all need your knowledge for growing there skills in react native.
Please make regular video related to react native.
nice work.
It would be great for us if you do more things like this.👍
be regular . hae your audience . it will help you in ur future business
Honestly its not The best thing is to get to the point. Most tutorials start with (Hey guys ....blah..blah..) (Today we will be ... blah blah blah) Wasting 10 minutes talking without explaining till at the end you the audience find out if thats the tutorial you need or not.
Keep going man and dont be regular dont follow the herd .. lead it 👍
Amazing 🎉
bro that golden video, beg u to do more if u can
awesome tutorial
really nice tutorial
Thank you! How would you add a border radius to the top in this case? I can't get it to work..
Awesome tutorial. May I ask what's your laptop specs?
Mac M1 2021. I speed up building and installation parts in this video
@@maxdietel thank you :)
thanks! How do I transition smoothly the actual screen with bottom tab navigator?
how can we have both bottom and sidebar navigation bar ?
hey all! getting error with this when I put it inside my own expo project
have tried reinstalling/removing/creating new projectbut no luck also deleting node_modules/package.json any ideas would be appreciated!
iOS Bundling failed 605ms
error: node_modules/react-native-reanimated/src/Animated.js: Cannot find module 'react-native-reanimated/plugin'
If bottom bar items are more than four so?
Hello, can I do react native at the expo?
it works on expo guys?
Brother i need your help, you have used the same color for svg and screen component, i want to make transparent background for active tab bar how can i do this?
I dont think this is possible cause if the svg would be transparent the background would be white (color of the tabbar).
@@maxdietel please make another video for us, just like i ask in the above comment. because right now i am working on a project and they need that kind of tab bar 🥲
Sorry mate, there is not a single way I can imagine on how to do this. Some things you can do easily in a design tool cant be done that easily if you program it. Maybe you should have a second look at the design and change it to a one colored background cause I cant help you in your case and Im pretty sure its just NOT possible
@@maxdietel ok thanks brother.
Can u upload more please
Hi mate, I have error on this line of code
your github
112: return [...layout].find(({ index }) => index === activeIndex)!.x - 25
It says I'm missing a semicolon around (( ! and x ))
Can you help me why it showing that error, I copied your code
I just cloned the code again and it worked perfectly. There are multiple people that already tried out the code on Github and your the only one that got an error yet. This is most likely a problem on your part. It kind of sounds to me like you have some kind of code formatter activated that doesn't like the structure of my code so it complains about some thing that would actually work.
@@maxdietel There is no need to be " ! " in the line code. It needs to be a " ? "
@@nikolanovakovic123 👍
It's most likley because you used a JS file extension instead of TSX, changing it to TSX fixed it for me
More tutorial pls 🥺🙏
Hello
Would you like make full project?
What do you have in mind?
@@maxdietel
Something unique
Like E-commerce complaints app
@@perafinparvej9400 Will do when I got time! Not sure what its gonna be tho
Dont run android am sorry :(
Tested it on Android too, works for me.
I've seen a lot of this kind of custom nav bar, fancy animation, etc. But I never encounter 1 app that really uses this kind of effects. Always overrated.
ρгό𝔪σŞｍ 😃
Is this tutorial video Idea is stolen from William Candillon ?
How so?