Animated Loader in React Native | Lottie Animation Tutorial

  Рет қаралды 80,585

Pradip Debnath

Pradip Debnath

Күн бұрын

In this tutorial, you'll learn how to add a custom animated loader in a react native app.
Food Finder App Tutorial Playlist • Food Finder App in Rea...
Login Authentication Tutorial • Login Authentication T...
React navigation v5 tutorial playlist • React Navigation 5 Tut...
GitHub Repo URL bit.ly/2MkzWhB
If you found my tutorials helpful, you can buy me a coffee from this link paypal.me/itzp...
Follow me on GitHub github.com/itz...
Subscribe to my Channel bit.ly/2PaUqOk
For more tutorials on WordPress, React JS, React Native and Digital Marketing visit: www.pradipdebna...

Пікірлер: 91
@raribeir
@raribeir 3 жыл бұрын
Just like any of your videos, I click "LIKE" before "PLAY". For sure is good stuff.
@iamssvishnu
@iamssvishnu 4 жыл бұрын
your videos are superb , easily understandable and your sound and pronunciations are just like 'M.S.DHONI'
@ninojoy6468
@ninojoy6468 4 жыл бұрын
Nice videos bro! Keep up the work! I have actually watched all of your videos on React Native👍🏻
@prakashd842
@prakashd842 4 жыл бұрын
Love u Pradip , always great stuff from you .
@roshwinspogter5966
@roshwinspogter5966 4 жыл бұрын
Learned so much from watching your guided videos. they are well informative and to the point.
@itzpradip
@itzpradip 4 жыл бұрын
Glad to hear it!
@williammendonca9975
@williammendonca9975 4 жыл бұрын
Conteúdo top. Estou acompanhando todos os vídeos. Obrigado pelas aulas de React Native.
@itzpradip
@itzpradip 4 жыл бұрын
Obrigado pelo seu comentário. Continue apoiando para mais conteúdo como este. 🙂
@adnaan28
@adnaan28 4 жыл бұрын
happy to see you back bro
@Ks-oj6tc
@Ks-oj6tc 4 жыл бұрын
Thanks a lot Pradip, I learnt a lot from your videos. I heartfull thanks for your beautifull videos.
@itzpradip
@itzpradip 4 жыл бұрын
Glad to hear that
@swapnilshewale6503
@swapnilshewale6503 4 жыл бұрын
Your all vidios are best....👍👍
@pandulaksono4040
@pandulaksono4040 4 жыл бұрын
You the real MVP.
@mohd2008khan
@mohd2008khan 4 жыл бұрын
You are my best teacher. Brother please one video make on webview app with full native look.
@franckmukendi9544
@franckmukendi9544 3 жыл бұрын
Awsome tutorial as always
@NickKubde
@NickKubde 4 жыл бұрын
Thank For that tutorial really help a lot and I made local store app with your all this series tutorial. 😍😍😍😍😍
@itzpradip
@itzpradip 4 жыл бұрын
Great to hear!
@elhadjioumar8530
@elhadjioumar8530 4 жыл бұрын
Hi Bro love your videos . Can you make it more often .You are the best keep going 😍
@itzpradip
@itzpradip 4 жыл бұрын
I will try my best
@chinnii_chiinnii
@chinnii_chiinnii 4 жыл бұрын
Hi bro its tooo long have seen youuu,woowwwwwwwwwwwwwwwwwwwwwwwwww, this is my desire, did u remember I asked the previous tutorial, I am very happy to see you
@itzpradip
@itzpradip 4 жыл бұрын
Thank you
@dryanwarrener
@dryanwarrener 3 жыл бұрын
Did anyone else notice that the guy who posted that animation stole it from someone lol. See 6:45. Besides, great video again.
@davidasiamah2898
@davidasiamah2898 4 жыл бұрын
Excellent work. I love it.
@Vale-A.H.D
@Vale-A.H.D 3 жыл бұрын
nice video!! helps me a lot
@ozy-lk
@ozy-lk 4 жыл бұрын
Good worked I have subscribed also because this play list
@itzpradip
@itzpradip 4 жыл бұрын
Thanks for subbing
@navedkhan012
@navedkhan012 4 жыл бұрын
Awesome work sir
@DineshKumar-mc6od
@DineshKumar-mc6od 4 жыл бұрын
This is helpful! Thanks and keep going!
@itzpradip
@itzpradip 4 жыл бұрын
Thanks, will do!
@madanghimire1853
@madanghimire1853 4 жыл бұрын
@@itzpradip sir please make project on react native using firebase or mongo like database
@zameer-haider
@zameer-haider 4 жыл бұрын
Awesome work bro.!! 🍎🍎🍎😍😍😍
@dhevendhiranm4138
@dhevendhiranm4138 3 жыл бұрын
Hi, I have a query. Is there any way to set up a Lottie splash screen in the Xcode itself? In this method, If the user opens the app, first the white screen -> animation -> app content. Shall we use this Lottie file like, how we will use the image splash screen on Xcode?
@mohamedyoussef8835
@mohamedyoussef8835 2 жыл бұрын
Awesome Explanation ++++++++++++++++++++++++++ Thank you
@alphiuswambua9512
@alphiuswambua9512 4 жыл бұрын
You the best
@westfield90
@westfield90 4 жыл бұрын
Thank you
@ChippalaLaxmi
@ChippalaLaxmi 6 ай бұрын
Bro I have done all the things in the video but when I run the project my animations are not visible on screen. Please help me fix this.
@sathishsaminathan1347
@sathishsaminathan1347 4 жыл бұрын
Bro which tool are you using to creaate the app intro at startig of this video
@SixtyNeptune
@SixtyNeptune 3 жыл бұрын
is there a full tutorial or playlist for building this app from scratch?
@Ankitkumar-vw1zz
@Ankitkumar-vw1zz 4 жыл бұрын
sir i'm using expo and it's not supporting this lottie library , could you please suggest me any alternative for expo
@nithyaramachandran5675
@nithyaramachandran5675 Жыл бұрын
The loader is not displaying for me. I have followed all the steps you have mentioned in the video
@DavidCervantes.
@DavidCervantes. 3 жыл бұрын
thx bro
@AntoniTescaro
@AntoniTescaro 4 жыл бұрын
Thank my friend 👍👍
@chinnii_chiinnii
@chinnii_chiinnii 4 жыл бұрын
Bro Can you make video Add to Cart functionality, Order now, then add in the cart , increment Item, decrement item and check out,
@itzpradip
@itzpradip 4 жыл бұрын
Thanks for your comment & suggestion.
@aytac8135
@aytac8135 4 жыл бұрын
How did you do login screen animations? with lottie or animated?
@vimalvestron8684
@vimalvestron8684 3 жыл бұрын
Bro why use Hooks when things can be done in Class based components?
@00RaiserRock
@00RaiserRock 3 жыл бұрын
what's your visual code theme? It looks nice!!
@Daljeetsingh-nv5rl
@Daljeetsingh-nv5rl 3 жыл бұрын
Hi pardeep i can you create s video lottie using expo please reply 🙏
@marshchawki1912
@marshchawki1912 4 жыл бұрын
How do you make the Intro Video?
@RiderSidds
@RiderSidds 3 жыл бұрын
what about splash screen how to hide it while lunching app ?
@sovannborithyun5205
@sovannborithyun5205 4 жыл бұрын
If we use expo, do we need to do PO install...?
@itzpradip
@itzpradip 4 жыл бұрын
sorry didn't get your question
@syedbilalhaider7258
@syedbilalhaider7258 2 жыл бұрын
loader is not showing on IOS simulator but working on android....plz help
@ahmedessam440
@ahmedessam440 4 жыл бұрын
is this working with expo?
@reaziiii
@reaziiii 3 жыл бұрын
is there any way to load svga format?
@takeshicodes6346
@takeshicodes6346 4 жыл бұрын
awesome brother.... Can you make tutorial on stripe payment gateway. Thank you for this kind of tut..
@ozy-lk
@ozy-lk 4 жыл бұрын
Keep doing wel
@jayasreeraji6596
@jayasreeraji6596 Жыл бұрын
i want to add my gif file for loading. how to do that
@ousmanetanorcisse9774
@ousmanetanorcisse9774 4 жыл бұрын
Hey! Thank you for this amazing tutorial. I am getting this error message Unrecognized font family 'Ionicons' when I use react-native-vector-icons. How to resolve that?
@mayur3049
@mayur3049 4 жыл бұрын
try to import this line instead => import Ionicons from 'react-native-vector-icons/Ionicons';
@itzpradip
@itzpradip 4 жыл бұрын
As Mayur said please do that and also follow the github page documentation of the package to install the font family properly for the platform.
@ousmanetanorcisse9774
@ousmanetanorcisse9774 4 жыл бұрын
@@mayur3049 thanks Mayur Pawar
@ousmanetanorcisse9774
@ousmanetanorcisse9774 4 жыл бұрын
@@itzpradip I resolved that buy adding the Fonts
@gururajmoger8649
@gururajmoger8649 4 жыл бұрын
Amazing.. could you pls make role based stuff here??
@yashgovekar1529
@yashgovekar1529 4 жыл бұрын
Hello, Can you tell me how to make this animation functional on expo? Expo uses Lottie Version : 2.6.6
@roshanbhandari1723
@roshanbhandari1723 4 жыл бұрын
..
@andayismayilzade1897
@andayismayilzade1897 4 жыл бұрын
Great job! Your vs code fonts are pretty awesome, can I get the name of those?
@SRISHIN
@SRISHIN 4 жыл бұрын
I am Using expo my app is not running
@harshithprasad3679
@harshithprasad3679 2 жыл бұрын
Where can get the source code of whole project please
@nishitjain6975
@nishitjain6975 4 жыл бұрын
Sir i m getting error will building me react native app please help me
@hendoitechnologies
@hendoitechnologies 15 күн бұрын
Sir.. Post latest version of React Native CLI full course
@franckmukendi9544
@franckmukendi9544 3 жыл бұрын
Hey do you have a patrion or paypal for us to contribute to your awsome work ?
@itzpradip
@itzpradip 3 жыл бұрын
You can find my paypal link in the description of this video. Thanks
@madanghimire1853
@madanghimire1853 4 жыл бұрын
Brother please make project using any firebase or mongo like database
@itzpradip
@itzpradip 4 жыл бұрын
will do soon
@davidasiamah2898
@davidasiamah2898 4 жыл бұрын
Can U please build something with dynamic changing bottom sheets? Or Bottom Sheets that change based on user selections.
@ketankumbhar9921
@ketankumbhar9921 4 жыл бұрын
Where you used actual animation. I thought you are going to use the Animated API but you done something different which is not an animation.
@chinnii_chiinnii
@chinnii_chiinnii 4 жыл бұрын
Hi Bro how are, I hope u are safe, I pray to god for you, see u back too long, I waiting for your voice to listen every day I am seeing your chanal for new updates
@sachinsharma1741
@sachinsharma1741 4 жыл бұрын
Bro please make video on Cart functionality (FUll use as add to cart,increement,decreement) . Please
@itzpradip
@itzpradip 4 жыл бұрын
Ok I will try
@nadimintivyshnu3050
@nadimintivyshnu3050 4 жыл бұрын
Can you do animated searchbar like whatsApp searchbar
@itzpradip
@itzpradip 4 жыл бұрын
Thanks for the suggestion
@altafhussain5361
@altafhussain5361 3 жыл бұрын
please make video for custom Drawer
@Abhishek-tr4oi
@Abhishek-tr4oi 4 жыл бұрын
Can you make a video on skeleton loading?😁
@itzpradip
@itzpradip 4 жыл бұрын
Thanks for the suggestion. I'll definitely do that.
@swapnilshewale6503
@swapnilshewale6503 4 жыл бұрын
Create vidios on fetch API (backend).
@itzpradip
@itzpradip 4 жыл бұрын
I'll try
@ajaykumar-ei1cb
@ajaykumar-ei1cb 4 жыл бұрын
Hi bro do some video about phone number OTP verification
@bryancastrodev
@bryancastrodev 4 жыл бұрын
dont woking :( , dont show animation lottie
Lottie Animations in React Native | React Native Tutorial
14:02
Code With Nomi
Рет қаралды 17 М.
Onboarding UI in React Native
16:03
Pradip Debnath
Рет қаралды 140 М.
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН
The Best Band 😅 #toshleh #viralshort
00:11
Toshleh
Рет қаралды 22 МЛН
Quando eu quero Sushi (sem desperdiçar) 🍣
00:26
Los Wagners
Рет қаралды 15 МЛН
Upload Progress & Loading Animation React Native
12:04
Full Stack Niraj
Рет қаралды 26 М.
Mind blowing animation in React Native and Expo with Animated API
16:34
React Native FlatList Animations
17:22
William Candillon
Рет қаралды 148 М.
React Native Shared Element Transition
6:43
William Candillon
Рет қаралды 68 М.
How to Make Animated Splash Screen with Lottie in React Native
16:55
Onboarding tutorial for React Native - Animated Carousel #1
5:27
DesignIntoCode
Рет қаралды 134 М.
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН