main do din se pareshan ho rhi thi screen ko dynamically swipe krne k liye aapki vedio se clear ho gya thanks a lot.plz make a vedio about registration form, login ,forgot password sing ap with phone number and facebook and store data also.
Hey debnath brother this time you have directly started from app preview but when you shift from Expo workflow to bare workflow it would be better if you start from scratch because people like me will get confused please make a video as creating project in bare react native thanks if you did already please drop link in reply
Hi Pradip always been a great fan of your videos. Please keep up the good work . Can u pls do a video on Appstate, for example if a user force quits his applications how can we handle ??
Thank you for this great tutorial! I just have one doubt that when will null be returned ? like you have set isFirstLaunch to null so when will that case happen?
There is a bug I guess. At the time of first launch if you not finish it and close the app, then also the onboard-swipeer does not come up. Kindly check and provide the solution.
Hi Pradip, Thank you for the great tutorial . Could you please tell me if the onboarding screen would be shown when the app is updated from the app store for instance ? Or would we need a separate flag to check that ?
Attempted import error: 'ViewPropTypes' is not exported from 'react-native-web/dist/index'. 'ViewPropTypes' is not supported in 'react-native-web' v12.0 onwards
@@gangstacat_t we can only view the app in emulator or In our mobile. As the View PropTypes in Onboarding screen is not supported in web. You can only view it in your phone or emulator.
i am using lottie json file instead of using image ,when i am going to next page animation was paused.what can i do there ,my code is below const done=({...props})=>{ return(
Go To Home
) } export default function Lottie({navigation}) {
return ( navigation.replace('Main')} onDone={()=>navigation.navigate('Main')} bottomBarColor="white" transitionAnimationDuration={500} pages={[ { backgroundColor: '#fff', image: , title: 'You Are a Star', subtitle: 'Share your talent with the world it\'s simpler than ever before just Record upload and post your video ', }, { backgroundColor: '#fff', image: , title: 'Challenge others', subtitle: 'You are no lesser than any other ,Prove it by responding to the challenges,just a quick Tab on \'challenge Me button .Let the World decide', }, { backgroundColor: '#fff', image: , title: 'Challenge me', subtitle: 'Share your talent with the world it\'s simpler than ever before just Record upload and post your video', }, { backgroundColor: '#fff', image: , title: 'Group Show off', subtitle: 'Share your talent with the world it\'s simpler than ever before just Record upload and post your video', },
Can you make one video on how can we stop our hardware backpress in stacknavigator because i dont want my stack to go back when i press hardware back button i am unable to find any good tutorial on internet
Hey , Thanks for such awesome tutorial, I am using it for android emulator, but installing it makes a small portion of top screen cut throughout the app . What do I need to fix?
Hi.. while setting up, am getting the following error...Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager. Can someone please help
i am facing error Failed to compile. C:/Users/saifu/OneDrive/Desktop/react_work/demo3/screens/LoginScreen.js Module not found: Can't resolve '../components/FormButton' in 'C:\Users\saifu\OneDrive\Desktop eact_work\demo3\screens' but i have added these file in specific folder. please solve this....
Hello..after writing the asyn storage codes and opening the emulator. I am getting this error Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. Can you please guide me what am I doing wrong
Hi, Pradip. I am wondering if you could share the starting files for this video. I type everything in my file, it doesn't work. It says : TypeError: Object(...) is not a function
I think he didnt use for production , just to share for us, I thought him have high level of algorithm, cause honestly in this video i think quite easy to create with scrollView and animation move, and just playing with index of image
Dependencies will increase the size but also you should note that when a library doesn't have a basic feature like navigation in-built, you have to learn to use and know more dependencies. Also with v0.60+ rn making its core library more leaner as a result now you've to install asyncstorage as another dependency. So there is both advantage & disadvantages involved. If you want to create an app with more feature and functionality you've to install more & more dependencies, also in the other hand if your app is a simple one with a leaner core library the app size will be less. As Kenzo said it is easy to implement to achieve this ui with scrollview and animation, I have already created a video with these to implement slider in my recent react native maps tutorial. So you/others can check that tutorial as well. But in this tutorial there are 2 parts, ui & user flow.
Nice video! But I can not see where you create the AsyncStorage.getItem('alreadyLaunched').then(value =>{ } This word: alreadyLaunched Where did you create that? I am having empty screen in my app because alreadyLaunched is not getting any value. Anyone pls? Hope to hear from you, thanks
TypeError: Cannot read property 'style' of undefined Module.F:\DoneWithIT ode_modules eact-native-onboarding-swiper\src\Page.js F:/DoneWithIT/node_modules/react-native-onboarding-swiper/src/Page.js:58 sir , I am stuck on this error ...Please help
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
Hey, I'm the author of the `react-native-onboarding-swiper `. Thanks for your great tutorial. :)
Thanks a lot sir
Thank you
Great work man. deeply appreciate you saving time and effort.
sir, thanks for your hard work
The real superheroes
I recently discover your channel and immediately subscribe! keep it up!
Hello Pradip. I just wa'na to say Thanks for this video. I could learn so much about that!Great Video!Congratulations!
Well done. Clear and to the point. Kudos 🎉 You just got a new subscriber
This is one Hell of a Tutorial, Major concepts are covered very nicely, Thanks!.
main do din se pareshan ho rhi thi screen ko dynamically swipe krne k liye aapki vedio se clear ho gya thanks a lot.plz make a vedio about registration form, login ,forgot password sing ap with phone number and facebook and store data also.
Hi Pradip, very good job and very good explanations. Thank you 😊
Thanks for sharing, Pradip. That was really useful!
Today i have Finally Done It.. Thanks a lot broo.. I'm the big fan of your channel.
Watched it before liking♥️ because it's obvious content from your channel is always awesome 👌😊
Thanks for your love & support 🙂
Good kid, you've improved your videos, keep going and more RN
That was really easy to understand. Great Job!
Great bro , you are the awesome tutor in react native i ever seen
Thank you so much! This is a perfect example
Thank u so so so much. I needed this for my personal app.❤️❤️❤️❤️❤️
really useful react-native tutorial. Thank you!
First , nice video
Can't wait for the next
You are the best ♥️♥️
Thanks for your love & support.🙂
Hi, thanks for the tutorial. I have a bug though, the image, title and subtitle are not showing. What can be wrong? any fix?
Good Job Pradip..
Nice. Clean. Straight to the point.
Very helpful tutorial...Thanks man
You are amazing!! Thank you for your tutorial!!
Nice one brother, Keep going...😊😊
Awesome content as usual, keep up the good work
Hey debnath brother this time you have directly started from app preview but when you shift from Expo workflow to bare workflow it would be better if you start from scratch because people like me will get confused please make a video as creating project in bare react native thanks if you did already please drop link in reply
i think im the only one that blur
Thanks for the video!
we share same state . we r with u
Sir please continue making this project Social App with firebase...It is very helpfull tutorial please continue it...
Nice tutorial! Thank you so much!
Great job man i respect your efforts :) love from pakistan.
really cool content, thank u !!!
Please answer me, where you get this images, it is very beautiful?))
Thank you so much, you made my day
Terrific tutorial!! Thanks!
Hi Pradip thanks 🙏
Clearly nice work bro
Thank you very much sir...
great explanation
thanks, it just helps me a lot.
Glad to hear that!
Thank you for good lecture. It is very helpful. ^^
Sir, please make a video for how to add "splash screen" in this app... It would be very useful for us..
And it is great to learn from your videos
Hi Pradip always been a great fan of your videos. Please keep up the good work . Can u pls do a video on Appstate, for example if a user force quits his applications how can we handle ??
Thanks for your suggestion
Thank you for this great tutorial! I just have one doubt that when will null be returned ? like you have set isFirstLaunch to null so when will that case happen?
How can I change the background color of bottom navbar? I mean, the grey bar? Thanks in advance.
There is a bug I guess. At the time of first launch if you not finish it and close the app, then also the onboard-swipeer does not come up. Kindly check and provide the solution.
Awesome and very very very useful video, 😍😍
Just curios what are you using for the animation at the start of the video?
Hi Pradip, Thank you for the great tutorial . Could you please tell me if the onboarding screen would be shown when the app is updated from the app store for instance ? Or would we need a separate flag to check that ?
Hope help more for everyone!
Attempted import error: 'ViewPropTypes' is not exported from 'react-native-web/dist/index'.
'ViewPropTypes' is not supported in 'react-native-web' v12.0 onwards
same thing
@@gangstacat_t we can only view the app in emulator or In our mobile. As the View PropTypes in Onboarding screen is not supported in web. You can only view it in your phone or emulator.
kindly tell me which Theme of Visual Studio your are using.
I liked it
Cobalt Next
Thank you for this good tutorial. Is the boilerplate created with expo or react native ?
with RN cli
i am using lottie json file instead of using image ,when i am going to next page animation was paused.what can i do there ,my code is below
const done=({...props})=>{
return(
Go To Home
)
}
export default function Lottie({navigation}) {
return (
navigation.replace('Main')}
onDone={()=>navigation.navigate('Main')}
bottomBarColor="white"
transitionAnimationDuration={500}
pages={[
{
backgroundColor: '#fff',
image: ,
title: 'You Are a Star',
subtitle: 'Share your talent with the world it\'s simpler than ever before just Record upload and post your video ',
},
{
backgroundColor: '#fff',
image: ,
title: 'Challenge others',
subtitle: 'You are no lesser than any other ,Prove it by responding to the challenges,just a quick Tab on \'challenge Me button .Let the World decide',
},
{
backgroundColor: '#fff',
image: ,
title: 'Challenge me',
subtitle: 'Share your talent with the world it\'s simpler than ever before just Record upload and post your video',
},
{
backgroundColor: '#fff',
image: ,
title: 'Group Show off',
subtitle: 'Share your talent with the world it\'s simpler than ever before just Record upload and post your video',
},
]}
/>
)
}
Hey!! Amazing video series! I have a doubt, the onboarding-swiper package doesn't work on web but only on android or iPhone?
Thank you so much! Quick question, how come everytime you launch your app your logo appears before the first screen is loaded?
I believe that’s the splash screen
What is already launched item inside asyncstorage.getitem pls explain
hi sir, can you plz tell how to customize bottom bar background.
Asyncstorage is deprecated. What would be the alternative?
Great job! Your vs code fonts are pretty awesome, can I get the name of those?
I'm using Fira Code
@@itzpradip Thank you a lot. You're doing incredibly useful content, just keep going!
Can you make one video on how can we stop our hardware backpress in stacknavigator because i dont want my stack to go back when i press hardware back button
i am unable to find any good tutorial on internet
Nice tuto dude. Amazing!👍
What's the name of the song in the intro?
Nice one sir..Can you do OTP verification login video.
Sir, You have set async.getitem(). where you declare setItem()?
kindly share the source Code specailly images..... i want to these images ..but couldn't find...meanwhile you are doing amazing
Thank you :)) you have a good heart
DUDE !! thank you man ...
is there a way that i can edit the size of the image i am using image styles container properties but its now not showing my text
Is this tutorial only for Mac users. because I am window user, so, I faced many errors
How do i style those buttons next and skip
When i am using SkipButtonComponent its creating button there but in your tutorial its looking like link... why ?
Great tutorial !!
want to add previous button instead of skip button. so How can I?
Hey , Thanks for such awesome tutorial, I am using it for android emulator, but installing it makes a small portion of top screen cut throughout the app . What do I need to fix?
I have a similar problem. did you find a fix?
Thanks for this video! It's well explained. What's the name of your vs code font please ?
Hi.. while setting up, am getting the following error...Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager. Can someone please help
Great work
hello guys please solve my issue, can we use image on background?
bro where did u found onbarding images ??
Nice tutorial
Nice, Thanks a lot..
u are awesome bro
i am facing error
Failed to compile.
C:/Users/saifu/OneDrive/Desktop/react_work/demo3/screens/LoginScreen.js
Module not found: Can't resolve '../components/FormButton' in 'C:\Users\saifu\OneDrive\Desktop
eact_work\demo3\screens'
but i have added these file in specific folder.
please solve this....
How do we do this by the retrive token
Thank you so much!
Hello..after writing the asyn storage codes and opening the emulator. I am getting this error
Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
Can you please guide me what am I doing wrong
react-native-community/async-storage npm was depreciated, can u please suggest me with different npm
Hi, can u tell me what version of node js are you using in this project?
for me the images are not loading and also the swiper is not working properly . I am using expo cli. Can you help me please.
Hi, Pradip. I am wondering if you could share the starting files for this video. I type everything in my file, it doesn't work. It says : TypeError: Object(...) is not a function
from where you download the Images
If you guys want to make it a bit better you can add the properties:
containerStyles={{justifyContent:'flex-start'}}
titleStyles={{marginTop: -30}}
imageContainerStyles={{marginTop: 20}}
bottomBarHighlight={false}
thanks alot
Great 👍🏾
Hi, pradeep mostly u use dependencies is that fine for production quality, does it also increase app size? Is it OK
I think he didnt use for production , just to share for us, I thought him have high level of algorithm, cause honestly in this video i think quite easy to create with scrollView and animation move, and just playing with index of image
Dependencies will increase the size but also you should note that when a library doesn't have a basic feature like navigation in-built, you have to learn to use and know more dependencies. Also with v0.60+ rn making its core library more leaner as a result now you've to install asyncstorage as another dependency. So there is both advantage & disadvantages involved. If you want to create an app with more feature and functionality you've to install more & more dependencies, also in the other hand if your app is a simple one with a leaner core library the app size will be less. As Kenzo said it is easy to implement to achieve this ui with scrollview and animation, I have already created a video with these to implement slider in my recent react native maps tutorial. So you/others can check that tutorial as well. But in this tutorial there are 2 parts, ui & user flow.
what key cmd did you use to insert the elongated equal operator and 3 line equal sign?
Nice video! But I can not see where you create the AsyncStorage.getItem('alreadyLaunched').then(value =>{
}
This word: alreadyLaunched Where did you create that?
I am having empty screen in my app because alreadyLaunched is not getting any value.
Anyone pls?
Hope to hear from you, thanks
I also had that issue bro.
TypeError: Cannot read property 'style' of undefined
Module.F:\DoneWithIT
ode_modules
eact-native-onboarding-swiper\src\Page.js
F:/DoneWithIT/node_modules/react-native-onboarding-swiper/src/Page.js:58
sir , I am stuck on this error ...Please help
@java script same here are you using expo cli ?
@@u_zet I'm using expo and I got this:TypeError: react_native_web_dist_index__WEBPACK_IMPORTED_MODULE_3__.ViewPropTypes is undefined
can u pls tell me , how to skip the onboard screen when we implementing navigation in react native v4
how to remove button background color?
why not set the initial isFirstLaunch state to True / false? why null? so you'd only need 2 if statement and not 3
Nice tutorial. Can u make video on radio button group in react native.
Please how can I run this project
Amazing bro.