Тёмный
Code Spring
Code Spring
Code Spring
Подписаться
Hi, Welcome to Code Spring !! 👋

UI DESIGN TO CODE | APP CLONES | TUTORIALS | ANIMATIONS | TIPS

This channel is the perfect destination for all React Native enthusiasts who are eager to learn new skills and tips related to this versatile framework.

Here, you'll find a wide range of speed code tutorials that will help you quickly grasp the intricacies of mobile app development using React Native. Also share app clones that can be easily customised to fit your requirements, as well as animations that will make your apps stand out.

My commitment to sharing knowledge extends beyond just providing tutorials. Also offer valuable insights and tips on mobile development in general, and React Native specifically. You can find my works on GitHub, where I provide source code for all my tutorials, enabling you to learn by doing and improve your coding skills.

Join this community of like-minded developers, and take your React Native skills to the next level!

Remember to subscribe :) 👊
React Native Expandable View #reactnative #ui
6:48
5 месяцев назад
Комментарии
@oberlordan6373
@oberlordan6373 6 дней назад
Good job
@code_spring
@code_spring 5 дней назад
Thanks !! 👊
@mustafatolgaakbaba
@mustafatolgaakbaba 12 дней назад
It did not work on my program
@code_spring
@code_spring 12 дней назад
check the source code in description..
@mustafatolgaakbaba5418
@mustafatolgaakbaba5418 12 дней назад
Thanks I will check
@waleefalrooh8
@waleefalrooh8 26 дней назад
lack some clarity like how to show items on header max and not show when it on header min
@oberlordan6373
@oberlordan6373 Месяц назад
Good work .
@code_spring
@code_spring Месяц назад
👊👊
@oberlordan6373
@oberlordan6373 2 месяца назад
the best❤
@code_spring
@code_spring 2 месяца назад
👊😍
@oberlordan6373
@oberlordan6373 2 месяца назад
good work
@code_spring
@code_spring 2 месяца назад
Thanks ✌️
@psdstd
@psdstd 2 месяца назад
Thank you, bro. I love that you add your GitHub repo link. I already starred it!⭐⭐
@code_spring
@code_spring 2 месяца назад
You're welcome! ✌️
@alvaromontilla18
@alvaromontilla18 2 месяца назад
Excelente
@code_spring
@code_spring 2 месяца назад
👊👊
@notlogic.the.second
@notlogic.the.second 2 месяца назад
more than true. school is so boring, but computer science and hacking is best🔥👍
@code_spring
@code_spring 2 месяца назад
😁👊
@yaruzhabesh251
@yaruzhabesh251 2 месяца назад
this was worked by visual studio or android studio pleasse tel me i need it
@code_spring
@code_spring 2 месяца назад
VS Code
@nightmare579
@nightmare579 3 месяца назад
This is the best one I found, Thanks for the video!!
@code_spring
@code_spring 3 месяца назад
Glad you liked it! 🙌
@HarXChannel
@HarXChannel 3 месяца назад
How to make the same with useNativeDriver: true ?
@JanCuma
@JanCuma 3 месяца назад
On one hand, this is a great tutorial. But it is almost impossible to scroll to the last item, as it remains hidden even if the container is fully scrolled.
@imtiajrex8448
@imtiajrex8448 3 месяца назад
adding padding bottom inside scroll view content container style will solve it
@FiddlesMcGee
@FiddlesMcGee 3 месяца назад
This was a very useful find. Thank you for sharing!😎 Found this a great place to start with making something that fits perfectly with the style I wanted. Far simpler than the battle I was having with MUI/TextInput and Cnilton/react-native-floating-label-input 🙄
@code_spring
@code_spring 3 месяца назад
Glad it was helpful!
@franklinrodriguez5427
@franklinrodriguez5427 4 месяца назад
It's possible to do the same with flat list?
@code_spring
@code_spring 4 месяца назад
yes. you can add the flat list in here.
@juandiegodurango4715
@juandiegodurango4715 4 месяца назад
Excelent turorial! How to use this code for React native navegation, i need create custom header with Blur effect on scroll, example whatsApp
@code_spring
@code_spring 4 месяца назад
just add the custom header in navigation file with above styles. like in here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-8uJiG0yR0ZA.htmlsi=YtEsaBiYiJ-DSQWD
@maarcusfonseca
@maarcusfonseca 5 месяцев назад
Very helpful! Thanks
@code_spring
@code_spring 5 месяцев назад
You're welcome! 🤩
@Victor-wh9bs
@Victor-wh9bs 5 месяцев назад
That's cool.
@code_spring
@code_spring 5 месяцев назад
🤩🤩
@code_spring
@code_spring 5 месяцев назад
Check description for full speed code video and for the SOURCE CODE link.
@induchandana4379
@induchandana4379 5 месяцев назад
great tip.Love it
@code_spring
@code_spring 5 месяцев назад
🙌🙌
@user-mg4wl7dd4z
@user-mg4wl7dd4z 6 месяцев назад
how to run the project? which command do i need to give?
@code_spring
@code_spring 6 месяцев назад
Please follow the reactnative.dev/docs/environment-setup to setup the development environment to run React Native Projects. After the cloning. Do a npm install and a pod install. Then 'npx react-native run-android' for android and 'npx react-native run-ios' for iOS.
@qwerty-fo6cq
@qwerty-fo6cq 7 месяцев назад
Hello, this animation happens slowly or quickly depending on the user's ability to scroll. How can I make the list expand to full height in one go when the user starts scrolling?
@code_spring
@code_spring 7 месяцев назад
you can have the height value as a state and onScroll you can set the height you want in one go..
@user-oi5mv6bm4x
@user-oi5mv6bm4x 8 месяцев назад
The repository what you gave is not for this code. Its for different project. can you check and update correct github link?
@code_spring
@code_spring 8 месяцев назад
Can you re check again. Seems OK!!
@user-oi5mv6bm4x
@user-oi5mv6bm4x 8 месяцев назад
​@@code_spring my bad. It has correct repo. Thanks for quick response!
@PauloIcaro-pg2xk
@PauloIcaro-pg2xk 8 месяцев назад
Best 🤠
@codingmaster5224
@codingmaster5224 9 месяцев назад
Mate your channel is so dope 🔥 🔥 🔥
@code_spring
@code_spring 9 месяцев назад
Glad you enjoy it!
@saviodev777
@saviodev777 9 месяцев назад
thank you:)
@code_spring
@code_spring 9 месяцев назад
You're welcome!
@CrAzZyKiLleR01
@CrAzZyKiLleR01 10 месяцев назад
Please use an image in the header
@code_spring
@code_spring 10 месяцев назад
you can add it with <Image> under <View></View in DynamicHeader part.
@jesushurtado1560
@jesushurtado1560 10 месяцев назад
This dont work in android? i have tried this code ann when i scroll up slowly, makes like jumps while is changin
@code_spring
@code_spring 10 месяцев назад
Just check again. Works fine. Check the full source code via link in description.
@Ruban_Sn
@Ruban_Sn 9 месяцев назад
yes its jumpy
@RafaeruC
@RafaeruC 9 месяцев назад
yes, for me it get jumpy on android too. For my case I resolved with a position absolute on header, a padding top on Scroll view with the size of the MAX_HEIGHT. And so you animate the header properties based on the scrollHandler
@dss4901
@dss4901 8 месяцев назад
@@RafaeruC You saved my 2 weeks😂
@furkansamicavas4088
@furkansamicavas4088 10 месяцев назад
bro how i can in loop
@salaar8741
@salaar8741 10 месяцев назад
Thansk for video! What about MIddle or Senior?)
@code_spring
@code_spring 10 месяцев назад
Coming soon!
@ingridelijah251
@ingridelijah251 11 месяцев назад
🏃 "Promosm"
@Tyrone-Ward
@Tyrone-Ward 11 месяцев назад
Font needs to be much bigger. Otherwise, good video.
@code_spring
@code_spring 11 месяцев назад
Thanks for the suggestion. Will increase it in new videos.
@maxaquilino7264
@maxaquilino7264 11 месяцев назад
Great tutorial, is there any way to replace the header text with another one once the scroll reaches a specific value? I'm trying to do something similar to Spotify
@code_spring
@code_spring 11 месяцев назад
You can get the current header value from 'animatedHeaderHeight', Add a condition to change the titles based on the value.
@MalaikaShahi
@MalaikaShahi Год назад
just add scrollEventThrottle={your componenet index number}
@barklegneeshetu8048
@barklegneeshetu8048 Год назад
EPIC!
@code_spring
@code_spring Год назад
👊👊
@code_spring
@code_spring Год назад
► Full Video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZV3EbOIACgY.html ► Source code : github.com/shevon14/dynamic-header-scrollview-ui
@ssanchez076
@ssanchez076 Год назад
Thank you!
@code_spring
@code_spring Год назад
You're welcome! 👊
@penguinxed
@penguinxed Год назад
very great brother! clean and straightforward
@code_spring
@code_spring Год назад
Thanks 👊
@rachelskiles
@rachelskiles Год назад
*PromoSM* 🙄
@nafudhaniwala1493
@nafudhaniwala1493 Год назад
Thanks brother
@code_spring
@code_spring Год назад
👊👊
@loverphp5605
@loverphp5605 Год назад
perfect perfect perfect
@code_spring
@code_spring Год назад
🤩🤩
@NINJA-tf6bf
@NINJA-tf6bf Год назад
That's Crash..🤣🤣🤣🤣
@code_spring
@code_spring Год назад
😅😅
@غامبول_عمك
@غامبول_عمك Год назад
bruh 👀
@code_spring
@code_spring Год назад
👀👀
@Love_lol421
@Love_lol421 Год назад
👍
@ContinentalDrip
@ContinentalDrip Год назад
relatable.
@duckquack-yy6ww
@duckquack-yy6ww Год назад
its funny and cute at the same time r.i.p coder
@code_spring
@code_spring Год назад
😅😅
@Ritchy-ez8nc
@Ritchy-ez8nc Год назад
It's not a bug, it's a feature
@code_spring
@code_spring Год назад
😅😅
@maxfish2018
@maxfish2018 Год назад
literally