Run React Native App on Real Device
HTML-код
- Опубликовано: 11 сен 2024
- Hello Friends
In this tutorial video, We will learn how to run React Native App on the real device.The following steps are used to run React Native app on real device:-
1. Create React Native App
2. Open App folder in Visual Studio Code
3.Type the Code for App
4. Configure Real Device/Mobile
5. Run React Native App
#react #reactnative #reactnativetutorial
If you like this video or have any suggestion, please write it into the comment section.
WebSite www.computersci...
Facebook / computersciencetutorialss
Twitter / cs_tutorial
Raddit / cstutorial
Tumbler / computersciencetutorial
Instagram / computersciencetutorial
Linkedin / computersciencetutorial
VK compute...
why you used emulator first and later connected to real device ? you could either used emulator or Real device .
it is showing error message :
emulator -avd MyAVD
emulator : The term 'emulator' is not recognized as the name of a
cmdlet, function, script file, or operable program. Check the
spelling of the name, or if a path was included, verify that the
path is correct and try again.
please suggest the cause and solution for it
Setting IP Address I have some doubt. Do we need to setup same IP what you are showing 10.0.2.2:80. is it fixed?
How to find which IP to setup exactly?
If i connected multiple devices through USB. how to manage, do we need to setup multiple IP address?
Thank you so much professor, you're a lifesaver.
Thanks for your valuable feedback
how to change it back because now my app is not running on android studio emulator.
What's the point of opening the emulator if you are going to use your physical device? What if I don't have an emulator installed, does it mean I can't use my phone ?
no you can use your phone as he mentioned in his video he is running his code on both avd and real device you can do the same bro
I'm guessing for a first test is recommended to use an emulator. After you are convinces it works well, you can deploy it to a proper android device
Thanks a lot man. you are a genius
Thanks you your video is very usefull to me .....🤝😍
Thanks for your effort to uploading this video but many steps are still missing, how did you setup the emulator name and what path is the emulator suppose to be set in order for vscode to understand it, I have followed the steps you pointed out but still getting error from vscode while with the emulator command not recognized
same here
me too
02:31 - packages are installed
Where can I find a tutorial showing how fo use React with BLE on a Mac and iPhone?
You have not mentioned, how the AVD is available. AVD is not part of Visual studio code. It is part of Android studio. Android studio needs to be installed. Please make complete video
Can you clarify why we need AVD, if we want it to run physical device?
We can run on real device also. I also share a video for the same.
plz watch it
@@ComputerScienceTutorial sir you did not discuss about AVD..????
Yes I also create a tutorial for how to run app on AVD.
In my first video I explain how to create AVD and in second video I explain how to run app on AVD.
If you have still any doubt, plz share with me
Some times we does not want to test app on real device due to so many reason
1. App install on device and consume space.
2. Security issue
3. Crash of Android OS
4. Virus etc.
In my case I preferred avd as I have to show output to my viewers
Thanks for sharing yr views
do we need emulator for sure, even want to run the app in real android device?
Tip watch from 7:11
Btw helpful video🙏
Hi sir if u dont mine can u tell how to connect my phone to Android studio
Since when does real device mean "Emulator"
mobile oda connect pannum pothu adb devices nu kududa theyva illaiya sir
i got error when i run the command react-native init appname
çok çokk teşekkürler🥰
Hey there thanks !
IVe one issue
emulator -avd myavd is working fine on CMD but when i run it on VScode terminal it shows this :
emulator : The term 'emulator' is not recognized as the name of a cmdlet, function, script
file, or operable program. Check the spelling of the name, or if a path was included, verify
that the path is correct and try again.
At line:1 char:1
+ emulator -avd myavd
+ ~~~~~~~~
+ CategoryInfo : ObjectNotFound: (emulator:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
Please check the path of emulator folder. Every path must be separated by semi colon.
@@ComputerScienceTutorial Done !! Thanks man
Do i need to run emulator everytime and add host ip address everytime whenever i want to run on real device?
some error !!! any help ?
@@ComputerScienceTutorial Please what path is this and how do I find the emulator path, kindly make the explanation clear
Ayeee thank you
Should I use the same ip address as you write?
yes
sir how to show the real device on the desktop secreens
my node server is not working when i start the project. help me out..
Send me screen shot on my email address dr.chandrkant@gmail.com
How can I build gardle to run in node js please make anyone to know for this issue
Very helpful for beginners. Thanks
Thanks for your valuable feedback
not helpful due to missing installation/configuration of AVD
Please do not upload partial video. you are missing many things ...where do you get the IP address ? where i can get the avd name ? how to install avd ?
thanks for sharing your issues. All these issue has been covered in first Video .
emulator IP is like 127.0.0.1 of our PC
'emulator' is not recognized as an internal or external command,
operable program or batch file..
How can i resolve it?
Thank You very much such a nice tutorial
Thanks for your valuable feedback
how to find avd name? how the hell will we know it?
Awesome Video
Very helpful.
Thank You!!!
Thanks Nimit
i dont have an avd
Once install react than php program executing write
Super
thanks you..
hey sir i have a problem in app install debug
i need some help please
share your issue or email me at Dr.Chandrkant@gmail.cim
Smooth explanation , one of the bes teacher over internet, Thank You sir , please do more video about React native App like How to create a delivery app ;)
Can you tell me how to enable hot reloading feature in real device( save the changes and the output changes automatically)?
@Vipul Tyagi Just shake the Mobile left and right
@@ComputerScienceTutorial Hey, please tell me one more thing. Can I go ahead without installing android sdk. Because my laptop is not that good in terms of speed. It is quad core i3+8 gb RAM. Someone told me that I don't need android studio but I don't know about android sdk.
is adding that ip address with port num important for running it on our device
Last step run-android in new terminal .....it's showing error......and metro build is also not running
Is node js command window is open or closed automatically?
If yes follow it
ruclips.net/video/23EKDB2i0JI/видео.html
Ya nodejs window is open but after that it's showing error like failed to install the app. Make sure u have the android development environment setup
How to find avd name??...I am not sure if I am typing it correctly .....but its showing me error "emulator : The term 'emulator' is not recognized as the name of a cmdlet"
this error generate due to wrong path of emulator in environment variable
first you have to correct it.
after that you can type following command in terminal window to display the list of emulator or Mobile connected with yr PC.
adb device
Thank for this guide.. i have iPhone, is it possible to connect to my Windows laptop.
Will u provide functional components tutorials
can you share that app
Really helpful! Thanks a lot!!
Glad it helped!
Hey , how did you know the IP address to debug service host and host for device ?
thank you so much for this video
In my system not working :
react-native run-android
It gives build failed
could not initialize class org.codehaus.groovy.runtime.invokerhelper
Check your gradle version in cmd and go to
"[Your Project]\android\gradle\wrapper\gradle-wrapper.properties" this file edit as ...(upgrade gradle version)
when I run the comand launch automatically the emulator but I want run in device
I have share a video for the same
Can u past here the Link
Great explain, thanks sir
what should be the machine configuration and is there any android studio required?
you should have
8gb RAM
i5 Processor
Graphics card.
you can run on low configuration also. in such case run your app on real device instead of AVD
babaa you have to explaine every thing
my avd name is avd
why your avd name is avd?what is avd.i know about abd what is avd
Hi.. I have completed all the steps described in the setup and im stuck at a point where the application is not getting installed in the emulator device.
react-native run-android
info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.
Jetifier found 960 file(s) to forward-jetify. Using 4 workers...
After this nothing happens
Hello sir, my vscode terminal is not gonna accept to your cmd command which is emulator -avd MyAVD.......
What can I do?????
sir plz reply my qn....
Thank you 🙏🙏🙏
🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵
You have to verify the path of emulator. If you have still problems, share your team viewer or any desk id
Please I am facing the same issue how did you solve it
whenever i type command emulator -avd myAVD there will be a notification that fail to built app error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort
same problem... any solution?
same did you solve it?
what are you system specs ?
Taşşağına Kurbannnn :)
Didn't work, instead it open emulator automatically 🤦♂️
Plz check the driver software of mobile and ensure that it is properly connected.
If having still issue , share any desk id
nice tutorial
Bro can you make the same video for IOS device. We are facing lots of issues running the react-native app on iPhone. Or can you help me with that?
how to know the avd name?
emulator -list-avds
From where can i get ip address and port of adb devices?
video sahi tittle sy banaya karo
Awesome
npx package is not using in react
please change your Tittle. we are confuse a lot.
thank you for your feedback but what should I set the title?
this video is very useful
but one issue on my program
emulator : The term 'emulator' is not recognized as the name of
a cmdlet, function, script file, or operable program. Check the
spelling of the name, or if a path was included, verify that
the path is correct and try again.
At line:1 char:1
+ emulator -avd MyAVD
+ ~~~~~~~~
+ CategoryInfo : ObjectNotFound: (emulator:String)
[], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
pls tel me how to solve this error
plz check the path of emulator folder and set it in environmental variable
start at 10:00
If you don't have wires or don't get it, try using Expo app as long as you are on the same local wifi internet.
Expo app is a trash it doesn't handle some Dependencies
please solve this problem ::::: error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details.
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081