Animated Loader in React Native | Lottie Animation Tutorial

  Рет қаралды 74,612

Pradip Debnath

Pradip Debnath

3 жыл бұрын

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/itzpradip
Follow me on GitHub github.com/itzpradip
Subscribe to my Channel bit.ly/2PaUqOk
For more tutorials on WordPress, React JS, React Native and Digital Marketing visit: www.pradipdebnath.com/blog/

Пікірлер: 91
@ninojoy6468
@ninojoy6468 3 жыл бұрын
Nice videos bro! Keep up the work! I have actually watched all of your videos on React Native👍🏻
@roshwinspogter5966
@roshwinspogter5966 3 жыл бұрын
Learned so much from watching your guided videos. they are well informative and to the point.
@itzpradip
@itzpradip 3 жыл бұрын
Glad to hear it!
@prakashd842
@prakashd842 3 жыл бұрын
Love u Pradip , always great stuff from you .
@williammendonca9975
@williammendonca9975 3 жыл бұрын
Conteúdo top. Estou acompanhando todos os vídeos. Obrigado pelas aulas de React Native.
@itzpradip
@itzpradip 3 жыл бұрын
Obrigado pelo seu comentário. Continue apoiando para mais conteúdo como este. 🙂
@raribeir
@raribeir 3 жыл бұрын
Just like any of your videos, I click "LIKE" before "PLAY". For sure is good stuff.
@adnaan28
@adnaan28 3 жыл бұрын
happy to see you back bro
@davidasiamah2898
@davidasiamah2898 3 жыл бұрын
Excellent work. I love it.
@franckmukendi9544
@franckmukendi9544 2 жыл бұрын
Awsome tutorial as always
@Ks-oj6tc
@Ks-oj6tc 3 жыл бұрын
Thanks a lot Pradip, I learnt a lot from your videos. I heartfull thanks for your beautifull videos.
@itzpradip
@itzpradip 3 жыл бұрын
Glad to hear that
@NickKubde
@NickKubde 3 жыл бұрын
Thank For that tutorial really help a lot and I made local store app with your all this series tutorial. 😍😍😍😍😍
@itzpradip
@itzpradip 3 жыл бұрын
Great to hear!
@swapnilshewale6503
@swapnilshewale6503 3 жыл бұрын
Your all vidios are best....👍👍
@iamssvishnu
@iamssvishnu 3 жыл бұрын
your videos are superb , easily understandable and your sound and pronunciations are just like 'M.S.DHONI'
@navedkhan012
@navedkhan012 3 жыл бұрын
Awesome work sir
@Vale-A.H.D
@Vale-A.H.D 2 жыл бұрын
nice video!! helps me a lot
@pandulaksono4040
@pandulaksono4040 3 жыл бұрын
You the real MVP.
@DineshKumar-mc6od
@DineshKumar-mc6od 3 жыл бұрын
This is helpful! Thanks and keep going!
@itzpradip
@itzpradip 3 жыл бұрын
Thanks, will do!
@madanghimire1853
@madanghimire1853 3 жыл бұрын
@@itzpradip sir please make project on react native using firebase or mongo like database
@zameer-haider
@zameer-haider 3 жыл бұрын
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?
@mohd2008khan
@mohd2008khan 3 жыл бұрын
You are my best teacher. Brother please one video make on webview app with full native look.
@antonitescaro2728
@antonitescaro2728 3 жыл бұрын
Thank my friend 👍👍
@elhadjioumar8530
@elhadjioumar8530 3 жыл бұрын
Hi Bro love your videos . Can you make it more often .You are the best keep going 😍
@itzpradip
@itzpradip 3 жыл бұрын
I will try my best
@westfield90
@westfield90 3 жыл бұрын
Thank you
@mohamedyoussef8835
@mohamedyoussef8835 2 жыл бұрын
Awesome Explanation ++++++++++++++++++++++++++ Thank you
@chinnii_chiinnii
@chinnii_chiinnii 3 жыл бұрын
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 3 жыл бұрын
Thank you
@jessyrider9565
@jessyrider9565 3 жыл бұрын
Good worked I have subscribed also because this play list
@itzpradip
@itzpradip 3 жыл бұрын
Thanks for subbing
@DavidCervantes.
@DavidCervantes. 3 жыл бұрын
thx bro
@aytac8135
@aytac8135 3 жыл бұрын
How did you do login screen animations? with lottie or animated?
@sathishsaminathan1347
@sathishsaminathan1347 3 жыл бұрын
Bro which tool are you using to creaate the app intro at startig of this video
@user-wg1oi3lo5r
@user-wg1oi3lo5r 4 ай бұрын
thanks
@andayismayilzade1897
@andayismayilzade1897 3 жыл бұрын
Great job! Your vs code fonts are pretty awesome, can I get the name of those?
@Ankitkumar-vw1zz
@Ankitkumar-vw1zz 3 жыл бұрын
sir i'm using expo and it's not supporting this lottie library , could you please suggest me any alternative for expo
@SixtyNeptune
@SixtyNeptune 2 жыл бұрын
is there a full tutorial or playlist for building this app from scratch?
@gururajmoger8649
@gururajmoger8649 3 жыл бұрын
Amazing.. could you pls make role based stuff here??
@00RaiserRock
@00RaiserRock 3 жыл бұрын
what's your visual code theme? It looks nice!!
@alphiuswambua9512
@alphiuswambua9512 3 жыл бұрын
You the best
@davidasiamah2898
@davidasiamah2898 3 жыл бұрын
Can U please build something with dynamic changing bottom sheets? Or Bottom Sheets that change based on user selections.
@takeshicodes6346
@takeshicodes6346 3 жыл бұрын
awesome brother.... Can you make tutorial on stripe payment gateway. Thank you for this kind of tut..
@chinnii_chiinnii
@chinnii_chiinnii 3 жыл бұрын
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 3 жыл бұрын
Thanks for your comment & suggestion.
@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.
@jessyrider9565
@jessyrider9565 3 жыл бұрын
Keep doing wel
@ousmanetanorcisse9774
@ousmanetanorcisse9774 3 жыл бұрын
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 3 жыл бұрын
try to import this line instead => import Ionicons from 'react-native-vector-icons/Ionicons';
@itzpradip
@itzpradip 3 жыл бұрын
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 3 жыл бұрын
@@mayur3049 thanks Mayur Pawar
@ousmanetanorcisse9774
@ousmanetanorcisse9774 3 жыл бұрын
@@itzpradip I resolved that buy adding the Fonts
@yashgovekar1529
@yashgovekar1529 3 жыл бұрын
Hello, Can you tell me how to make this animation functional on expo? Expo uses Lottie Version : 2.6.6
@roshanbhandari1723
@roshanbhandari1723 3 жыл бұрын
..
@RiderSidds
@RiderSidds 2 жыл бұрын
what about splash screen how to hide it while lunching app ?
@Daljeetsingh-nv5rl
@Daljeetsingh-nv5rl 3 жыл бұрын
Hi pardeep i can you create s video lottie using expo please reply 🙏
@reaziiii
@reaziiii 2 жыл бұрын
is there any way to load svga format?
@ahmedessam440
@ahmedessam440 3 жыл бұрын
is this working with expo?
@sovannborithyun5205
@sovannborithyun5205 3 жыл бұрын
If we use expo, do we need to do PO install...?
@itzpradip
@itzpradip 3 жыл бұрын
sorry didn't get your question
@vimalvestron8684
@vimalvestron8684 2 жыл бұрын
Bro why use Hooks when things can be done in Class based components?
@jayasreeraji6596
@jayasreeraji6596 6 ай бұрын
i want to add my gif file for loading. how to do that
@chinnii_chiinnii
@chinnii_chiinnii 3 жыл бұрын
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
@nithyaramachandran5675
@nithyaramachandran5675 Жыл бұрын
The loader is not displaying for me. I have followed all the steps you have mentioned in the video
@nishitjain6975
@nishitjain6975 3 жыл бұрын
Sir i m getting error will building me react native app please help me
@syedbilalhaider7258
@syedbilalhaider7258 Жыл бұрын
loader is not showing on IOS simulator but working on android....plz help
@sachinsharma1741
@sachinsharma1741 3 жыл бұрын
Bro please make video on Cart functionality (FUll use as add to cart,increement,decreement) . Please
@itzpradip
@itzpradip 3 жыл бұрын
Ok I will try
@madanghimire1853
@madanghimire1853 3 жыл бұрын
Brother please make project using any firebase or mongo like database
@itzpradip
@itzpradip 3 жыл бұрын
will do soon
@franckmukendi9544
@franckmukendi9544 2 жыл бұрын
Hey do you have a patrion or paypal for us to contribute to your awsome work ?
@itzpradip
@itzpradip 2 жыл бұрын
You can find my paypal link in the description of this video. Thanks
@harshithprasad3679
@harshithprasad3679 Жыл бұрын
Where can get the source code of whole project please
@SRISHIN
@SRISHIN 3 жыл бұрын
I am Using expo my app is not running
@Abhishek-tr4oi
@Abhishek-tr4oi 3 жыл бұрын
Can you make a video on skeleton loading?😁
@itzpradip
@itzpradip 3 жыл бұрын
Thanks for the suggestion. I'll definitely do that.
@altafhussain5361
@altafhussain5361 3 жыл бұрын
please make video for custom Drawer
@ajaykumar-ei1cb
@ajaykumar-ei1cb 3 жыл бұрын
Hi bro do some video about phone number OTP verification
@nadimintivyshnu3050
@nadimintivyshnu3050 3 жыл бұрын
Can you do animated searchbar like whatsApp searchbar
@itzpradip
@itzpradip 3 жыл бұрын
Thanks for the suggestion
@ketankumbhar9921
@ketankumbhar9921 3 жыл бұрын
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.
@swapnilshewale6503
@swapnilshewale6503 3 жыл бұрын
Create vidios on fetch API (backend).
@itzpradip
@itzpradip 3 жыл бұрын
I'll try
@richardgolan
@richardgolan 3 жыл бұрын
wtf dude if u are making a tutorial just start it ahead!
@bryancastrodev
@bryancastrodev 3 жыл бұрын
dont woking :( , dont show animation lottie
@marshchawki1912
@marshchawki1912 3 жыл бұрын
How do you make the Intro Video?
Lottie Animations in React Native | React Native Tutorial
14:02
Code With Nomi
Рет қаралды 8 М.
How to train simple AIs to balance a double pendulum
24:59
Pezzza's Work
Рет қаралды 11 М.
ХОТЯ БЫ КИНОДА 2 - официальный фильм
1:35:34
ХОТЯ БЫ В КИНО
Рет қаралды 2,7 МЛН
it takes two to tango 💃🏻🕺🏻
00:18
Zach King
Рет қаралды 32 МЛН
How many pencils can hold me up?
00:40
A4
Рет қаралды 19 МЛН
10 Photoshop Features You Must NEVER Use! + Better Options
22:22
PiXimperfect
Рет қаралды 12 М.
Animate Splash Screens in React Native using Lottie | DEVember Day 4
1:16:40
АСЛАНЯН: Китайский автопром - это обман россиян
7:57
Ходорковский LIVE
Рет қаралды 106 М.
#1 Create a Simple Login Screen in React Native
5:15
WithFrame
Рет қаралды 10 М.
Flutter ToDo App Tutorial for Beginners
34:18
Pradip Debnath
Рет қаралды 196 М.
Advanced React Native FlatList animations at 60fps with Animated API
20:11
ХОТЯ БЫ КИНОДА 2 - официальный фильм
1:35:34
ХОТЯ БЫ В КИНО
Рет қаралды 2,7 МЛН