Тёмный
No video :(

Onboarding tutorial for React Native - Fluid Indicator #2 

DesignIntoCode
Подписаться 17 тыс.
Просмотров 46 тыс.
50% 1

Опубликовано:

 

16 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 39   
@DesignIntoCode
@DesignIntoCode 3 года назад
Hey! If you wanna see the ENTIRE app RIGHT NOW, go here! www.patreon.com/posts/animated-app-46720413
@imam_robani
@imam_robani Год назад
Cool, The explanation is easy to understand. I like animation in React Native, that's why I like to find references and luckily there are good people like you who want to share
@ximoromero5
@ximoromero5 7 месяцев назад
Hi DesignIntoCode, thank you very much for this tutorial, I found it very helpful, these videos are the best, clear and concise, here you have a new subscriber 😉
@mata3649
@mata3649 Месяц назад
Respect man thank you so much!
@augustineonyekachiadmiora9015
@augustineonyekachiadmiora9015 3 года назад
you won me again... clean code very very good and easy to understand
@felipemelendez5741
@felipemelendez5741 Год назад
Woohoo, this tutorial is fantastic, thank you!!!
@nanascho3
@nanascho3 3 года назад
Anyone else having issues with the animations not working at all? 2:48 my dots aren't doing anything. Only the first dot stays wide.
@gezafiqrullah5321
@gezafiqrullah5321 2 года назад
i got an error too
@jamesonvparker
@jamesonvparker 2 года назад
@@gezafiqrullah5321 Make sure that view has an Animated prefix. Animated.View. Took me a minute to find it.
@TheThinker-ug3wr
@TheThinker-ug3wr Год назад
Same issue, did you solve that ?
@kedermallick9480
@kedermallick9480 Год назад
Thanks alot for this. Really helped a lot. One thing, If u have any explained video of Animated Please consider sharing.
@rafaelhernand3z
@rafaelhernand3z Год назад
Excellent content! Would love to see Toasts and different types of animations on mounting and unmounting 🔥
@BaseTechTopVideos
@BaseTechTopVideos 2 года назад
Short Explanation but to the point. Like It
@albnayem8652
@albnayem8652 3 года назад
Thanks! That's super cool!
@ddikodroid
@ddikodroid 3 года назад
Keep it up bro!😀
@alpersalik7050
@alpersalik7050 2 года назад
tooooo much thank you man it is awesome
@khalidsaifullahKS
@khalidsaifullahKS 3 года назад
Wooohoooo, it's really awesome tutorial
@jilanikhokhar1118
@jilanikhokhar1118 3 года назад
Nice content man......I think it will help me in my app😄
@theatreresponse4206
@theatreresponse4206 3 года назад
Nice work 🎉
@sanilkp6180
@sanilkp6180 2 года назад
Thank you so much!
@saulramirez727
@saulramirez727 3 года назад
Awesome man
@zibimbazoa3224
@zibimbazoa3224 3 года назад
Hello, thanks for the course. I can't see my paginator, the component is there , but not displaid
@chaimabensalem1885
@chaimabensalem1885 Год назад
Same issue, did you solve that ?
@chaimabensalem1885
@chaimabensalem1885 Год назад
import Paginator from "./Paginator"; INSTEAD import Paginator from "./paginator"; ..thank you
@Muzly
@Muzly 2 года назад
scrollX is acting funny for me. It is an object first and foremost, but when I stringify it, it turns out it's a very odd decimal number. I tried to stringify then parseInt for the dotWidth, but because the values were a bit odd, the widths don't work out correctly. What could be causing the weird scrollX values?
@NonSense1311
@NonSense1311 2 года назад
what about pages of Flatlist? How can I add the dots each page without index?
@TheThinker-ug3wr
@TheThinker-ug3wr Год назад
My dots are doing nothing after coying all the code
@sagarghosh3434
@sagarghosh3434 3 года назад
its awsome
@fernandomontesnavarrete8826
@fernandomontesnavarrete8826 3 года назад
How can be made vertically?
@ajadavis2000
@ajadavis2000 Год назад
got an error: ERROR TypeError: undefined is not a function that appears at line "const dotWidth = scrollX.interpolate({" apparently right after the word interpolate in the paginator.js file :/ .... any ideas?
@AwesomeTutes
@AwesomeTutes Год назад
print scrollX and see if it's undefined or not
@beeptv6293
@beeptv6293 2 года назад
Nice
@nbaua3454
@nbaua3454 3 года назад
The title could have been 'Animated Onboarding App series - Part 2 (Prepare Indicators)', but anyways, its nice work done.
@securityguy8353
@securityguy8353 2 года назад
inputRange must be monotonically non-decreasing what is this
@SeyaaIsJah
@SeyaaIsJah Год назад
did you find a solution ? I have the same problem
@christianfreitag1923
@christianfreitag1923 Год назад
Use parenteses '( i - 1 )'. If you do not use, 'width' will be multiplied by the value before the subtraction takes place.
@codexpression
@codexpression 10 месяцев назад
const width = useWindowDimensions().width - put .width after usewindowDimensions()
@chervindavasol4704
@chervindavasol4704 3 года назад
keep it up, hit like and sub
Далее
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Просмотров 12 млн
Будзек и рецепт🐝
00:25
Просмотров 144 тыс.
REACT NATIVE ONBOARDING SCREEN APP
30:22
Просмотров 40 тыс.
React Native - Scroll Animation
4:07
Просмотров 49 тыс.
Speed Up Your React Apps With Code Splitting
16:50
Просмотров 377 тыс.
LCRN EP1 - Travel Onboarding Screen - React Native UI
22:12
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Просмотров 12 млн