I have a tip for this. Before trying other libs. Wrap the page/component that has your text input in a scrollview. When the keyboard shows up, the input is automatically scrolled into view
@@justpatrick_ i tried several times to use scrollview to focus inputs, but the only really works is keyboardawarescrollview. I dont want use this lib because is deprecated for 3y, but is the only way to resolve.
Great video! Thank you so much. One question: i want to show the search bar on my root index page. How did you manage to do this? I see how you can do it within a subfolder of (tabs) but not how it is done on the root index. Thank you for taking the time to answer this question.
Hey Simon, I really like your videos! I think it would be super helpful if you could show the Android view alongside the iOS view. Your videos seem more focused on the iOS simulator.
Great content you are really a go to Content Creator when it comes to mobile development! looking forward for more informative contents for mobile dev. CHEERS!!
@@galaxies_dev just interesting npm packages that add something “extra” or cool tips just like in this video, could be anything from map libraries, icon libraries, all manor of utility libraries, component libraries, or a breakdown of the various expo libraries and how to use them effectively. I’ve always had trouble with advanced usage of task manager for location aha.
inside the the app/(tabs) you have three screens app |_(tabs) |_fade📁 |_header📁 |_simon📁 |_ _layout.tsx📄 |_ index.tsx📄 so when we use tabs in the laytout of tabs it generally makes a tab every file/screen in it by which it will make a tab for index.tsx too but i dont understand how are you only getting three tabs for fade, header, simon. what are you doing inside the index file or any prop which is preventing from making a tab for index
Hey Simon can you make an video on how to reduce the size of the apk file in react native as I have make an simple blog application and it goes to 64 MB apk size so I want to reduce with 25MB So please provide an video on that it helpful for all also
Very good my friend, I love your videos. One question, regarding the Large Title, when I apply it with a background I wouldn't want it to be completely transparent and when the screen goes up the blur is applied, is it possible?
Quick question, is it possible to use google play billing and apple pay for monetary transactions in the app? Or is a payment processor like stripe required for in app purchases?
These videos are fantastic and really time saving, however by only focusing on iOS you're neglecting how much extra work needs to be done to get this stuff looking right in Android. At which point you might as well be doing a Swift tutorial. The main advantage in React Native is the cross-platform aspect.
Can you make a video of phone authentication using expo router and firebase on ios? There is an issue with the recaptcha when it redirects to ‘firebaseauth/link’ which seems to have no solution.
I am working with react native but some time fell very embarrassed when some time I unable to add some feature or store management, others will tont me in company , what I will do?
@@Trehxn thanks, well that's what I have installed, it works for standard JS, CSS and HTML files but not RN. Any idea why or how to verify the settings? thanks a lot!
react native navigation from Wix is not nearly as standard as react navigation. Trust me use react navigation or expo-router instead of that other lib.
I think the problem is that most members of your audience are beginners . Therefore they cannot research or solve errors on their own. And to the creator of this comment, you should take his tutorial as an overview and read the docs as needed to solve any errors you encounter. His tutorial isn't a one-stop tutorial that covers EVERYTHING. Thanks for the video galaxies_dev. Much love @@galaxies_dev
Explore Galaxies.dev today - your shortcut to learn React Native ⚡
Great! I am 100% sure that the community lacks such tips
Will try to keep track of more :D
This is an amazing video. I've been working with RN for years, and didn't know about the first four. Thanks!!
Super happy to hear man!
I was looking for this exact vid, with all these ideas, about a year ago. Glad I found you finally!
Happy to help!
Best RUclipsr to learn react-native from, thanks a lot!
Hey Simon, thank you for this video I was currently looking at how to use blur effect and large header this is very helpful
Glad I could help :)
I was only doing native android until I found your channel not so long ago I have since updated my GitHub to React native developer :)
Great vid Simon. Such good practical advice.
You make it easy!
Hi Simon, can you please make a definitive guide to keyboard and input handling?
I have a tip for this. Before trying other libs. Wrap the page/component that has your text input in a scrollview. When the keyboard shows up, the input is automatically scrolled into view
@@justpatrick_ i tried several times to use scrollview to focus inputs, but the only really works is keyboardawarescrollview. I dont want use this lib because is deprecated for 3y, but is the only way to resolve.
Check react-native-keyboard-controller package
Yeah would be a good idea!
Incredible, I'm new on React Native and your tips help me a lot, thanks man
Happy to help!
You and Fireship are my favorite channels, thanks Simon ❤
Thank you so much, big honour 🙏
Scroll animations were good! I used to manually manage scroll offsets before
Yeah it's a lot easier now
Thank you for sharing. Animations are difficult and is great to see content about this topic.
Glad it was helpful!
Appreciate content like this with helpful tips. Keep it up
Thanks, will do!
This is an amazing video, would love to see more tips like this
Thank you! Will do!
Great video! Thank you so much. One question: i want to show the search bar on my root index page. How did you manage to do this? I see how you can do it within a subfolder of (tabs) but not how it is done on the root index. Thank you for taking the time to answer this question.
Great informations as always!
If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️
Hey Simon, I really like your videos! I think it would be super helpful if you could show the Android view alongside the iOS view. Your videos seem more focused on the iOS simulator.
Great content.
I have an issue with search bar , by default it's hidden i have to scroll down a bit to see it , why that ?
Hey Simon, great video. FYI the word height is pronounced like hight.
Great content you are really a go to Content Creator when it comes to mobile development! looking forward for more informative contents for mobile dev. CHEERS!!
Much appreciated!
awesome tips!! i am going to use it right now
Love it :)
This is great thank you! Is there a way to manage a headerRight button alongside the large header so the style of that changes as well
Very good stuff, I was unaware that we do such things with navigation
Happy to help :)
This was great! More tips like this please
Yeess! Anything specific you would like to see?
@@galaxies_dev just interesting npm packages that add something “extra” or cool tips just like in this video, could be anything from map libraries, icon libraries, all manor of utility libraries, component libraries, or a breakdown of the various expo libraries and how to use them effectively. I’ve always had trouble with advanced usage of task manager for location aha.
inside the the app/(tabs)
you have three screens
app
|_(tabs)
|_fade📁
|_header📁
|_simon📁
|_ _layout.tsx📄
|_ index.tsx📄
so when we use tabs in the laytout of tabs it generally makes a tab every file/screen in it by which it will make a tab for index.tsx too but i dont understand how are you only getting three tabs for fade, header, simon. what are you doing inside the index file or any prop which is preventing from making a tab for index
Hey Simon can you make an video on how to reduce the size of the apk file in react native as I have make an simple blog application and it goes to 64 MB apk size so I want to reduce with 25MB So please provide an video on that it helpful for all also
God of React native expo ❤
Just trying to helP!
@@galaxies_dev can you make videos on selecbox, filterbox and more with animations.
Very good my friend, I love your videos. One question, regarding the Large Title, when I apply it with a background I wouldn't want it to be completely transparent and when the screen goes up the blur is applied, is it possible?
Thank you Simon!
You are welcome!
thanks! all tips are helpful!
Glad it was helpful!
Expo router is using react navigation, so the features you see is coming from react navigation
Exactly!
Amazing Tips 🎉
If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️
Great tips, where can we find more documentation about these tips? It is like they are secrets that you have to dig so deep to find.
IDK I just took notes whenever I learned about them, so will continue with this in the future!
wow! Love this
Great stuff!
Thanks!
Quick question, is it possible to use google play billing and apple pay for monetary transactions in the app? Or is a payment processor like stripe required for in app purchases?
Yes its possible. Look for ‘in-app purchases’
Yeah the IAP library should work for that
These videos are fantastic and really time saving, however by only focusing on iOS you're neglecting how much extra work needs to be done to get this stuff looking right in Android. At which point you might as well be doing a Swift tutorial. The main advantage in React Native is the cross-platform aspect.
Good point - I will try and respect Android more in the future!
@@galaxies_dev Legend! Thanks for all the great content
Can you make a video of phone authentication using expo router and firebase on ios? There is an issue with the recaptcha when it redirects to ‘firebaseauth/link’ which seems to have no solution.
Hi Simon, would you recommend a library for responsive screens?
Maybe something like UniStyles or NativeWind?
I love heade blur, even on web
Me too ❤
Amazing tips
Thank you!
expo router or react navigation? which one is the best?
Router is using React Navigation under the hood. If you get started, pick Expo Router today!
I am working with react native but some time fell very embarrassed when some time I unable to add some feature or store management, others will tont me in company , what I will do?
There is always a solution in RN, sometimes it might just take some time figuring out the problem but you got this!
Hello... I am looking for a plugin on VS Code to auto format react native code... Any suggestions?
Prettier is something I use and helps a ton.
@@Trehxn thanks, well that's what I have installed, it works for standard JS, CSS and HTML files but not RN. Any idea why or how to verify the settings? thanks a lot!
Yeah Prettier, maybe you have to include JSX files in the settings!
@@galaxies_dev found the settings.json ... DONE! thanks for the help. Do you offer any online courses btw?
super duper knowledge
Thanks Ravi!
what editor are you using?
Visual Studio Code
@@galaxies_dev Then how are you getting those import statements to get it for you?
I wonder how it would like in android
How to make search and connect data list and input search .
You can use the search bar options and events of the text input
Thank you so much
You are welcome!
wowowo nice!
great video
Thank you mate!
Can i use normal react native navigation to achieve this
react native navigation from Wix is not nearly as standard as react navigation. Trust me use react navigation or expo-router instead of that other lib.
@@tylercoffman540 Thanks
Highly recommend Expo Router!
Thank You
You are welcome!
This only worked on the iOS
Good luck with Android. Blur, big header title…
What issue did you face?
you mean iOS, I've faced tons of issues with iOS
Yeah it's not on the same level, agree. But UI concepts are very different as well!
@@galaxies_dev but you wanna reach a middle point. That’s actually why we use react native. If I go full iOS… why would o bother with rn?
yes, blur view is not that great on android
Mostly ios tips. The rn community clearly has a favourite
True
Everything is fav 😂
🚀
👏
One suggestion. Can you disable copilot in these videos? Makes it hard to follow imo
Sorry, will try to do next time!
🙏🏾🙏🏾🙏🏾
If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️
❤
Thank yoU!
There is so many errors bro in your projects you should learn from jsm how tp create good tutorial . Its a feedback dont take it as hate
I thought I was the only one.
Please 🙏 take the feedback seriously it will help you help us
What kind of errors? And I'm always happy about constructive feedback!
I think the problem is that most members of your audience are beginners . Therefore they cannot research or solve errors on their own.
And to the creator of this comment, you should take his tutorial as an overview and read the docs as needed to solve any errors you encounter. His tutorial isn't a one-stop tutorial that covers EVERYTHING. Thanks for the video galaxies_dev. Much love
@@galaxies_dev
Can't use it. It's horrible. Decided to go with pwa. Shame
Delete your GitHub account and start Farming 😂
Skill issue
hahaha, you guys waste your time with your skills and gh accounts
while I'm reusing my code and AI tools like locofy.
Keep using what works for you :)
Thank you Simon @galaxies_dev