Run React Native App on Real Device

Подписаться 11 тыс.

Просмотров 167 тыс.

50% 1

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...

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

30 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 120

@anupkaushik9370 2 года назад

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

@itgurukul 4 года назад

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?

@umermujtaba5529 8 месяцев назад

how to change it back because now my app is not running on android studio emulator.

@megamandave1 2 года назад

not helpful due to missing installation/configuration of AVD

@rakeshranjan2276 2 года назад

babaa you have to explaine every thing

@rakeshranjan2276 2 года назад

my avd name is avd

@rakeshranjan2276 2 года назад

why your avd name is avd?what is avd.i know about abd what is avd

@mukiibipeter07 2 года назад

Since when does real device mean "Emulator"

@dinukabandara6693 Год назад

how to find avd name? how the hell will we know it?

@jeganmaharajan6702 4 года назад

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 ?

@ComputerScienceTutorial 4 года назад

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

@teamarceus7077 4 года назад

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

@ComputerScienceTutorial 4 года назад

Please check the path of emulator folder. Every path must be separated by semi colon.

@teamarceus7077 4 года назад

@@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?

@ahmedsahir3988 4 года назад

some error !!! any help ?

@andrewsmichael416 3 года назад

@@ComputerScienceTutorial Please what path is this and how do I find the emulator path, kindly make the explanation clear

@imrahuldasgupta 3 года назад

Didn't work, instead it open emulator automatically 🤦‍♂️

@ComputerScienceTutorial 3 года назад

Plz check the driver software of mobile and ensure that it is properly connected. If having still issue , share any desk id

@andrewsmichael416 3 года назад

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

@deadlysoham9962 2 года назад

same here

@hassanmehmood7101 2 года назад

me too

@braker37 4 года назад

02:31 - packages are installed

@mkusasakala3861 4 года назад

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 ?

@ranausama8253 3 года назад

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

@minecraftcufanii7580 2 года назад

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

@AqibAli-lo9tz 3 года назад

video sahi tittle sy banaya karo

@bismibarakath7827 4 года назад

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

@seaorz 4 года назад

Can you clarify why we need AVD, if we want it to run physical device?

@ComputerScienceTutorial 4 года назад

We can run on real device also. I also share a video for the same. plz watch it

@mubarrabarro6892 4 года назад

@@ComputerScienceTutorial sir you did not discuss about AVD..????

@ComputerScienceTutorial 4 года назад

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

@ComputerScienceTutorial 4 года назад

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

@jdcrunchman999 Год назад

Where can I find a tutorial showing how fo use React with BLE on a Mac and iPhone?

@omkarpabe7780 2 года назад

i dont have an avd

@hammadahmed5917 4 года назад

my node server is not working when i start the project. help me out..

@ComputerScienceTutorial 4 года назад

Send me screen shot on my email address dr.chandrkant@gmail.com

@tugaybaslk5158 4 года назад

Taşşağına Kurbannnn :)

@chethansuvarna5719 2 года назад

Once install react than php program executing write

@hellochinnoda Год назад

Thanks you your video is very usefull to me .....🤝😍

@awaiszaki14 4 года назад

Should I use the same ip address as you write?

@ComputerScienceTutorial 4 года назад

yes

@mywayofliving8011 3 года назад

i got error when i run the command react-native init appname

@yahyahajji1159 4 года назад

hey sir i have a problem in app install debug i need some help please

@ComputerScienceTutorial 4 года назад

share your issue or email me at Dr.Chandrkant@gmail.cim

@nischalshakya5428 4 года назад

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 🙏🙏🙏 🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵

@ComputerScienceTutorial 4 года назад

You have to verify the path of emulator. If you have still problems, share your team viewer or any desk id

@andrewsmichael416 3 года назад

Please I am facing the same issue how did you solve it

@muhsinabbas3655 2 года назад

sir how to show the real device on the desktop secreens

@madhubabumalli6034 3 года назад

do we need emulator for sure, even want to run the app in real android device?

@raghu8898 3 года назад

Hi sir if u dont mine can u tell how to connect my phone to Android studio

@saimahmad4302 4 года назад

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"

@ComputerScienceTutorial 4 года назад

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

@komaradevaraj1904 3 года назад

Last step run-android in new terminal .....it's showing error......and metro build is also not running

@ComputerScienceTutorial 3 года назад

Is node js command window is open or closed automatically? If yes follow it ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-23EKDB2i0JI.html

@komaradevaraj1904 3 года назад

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

@nrb640 9 месяцев назад

Thanks a lot man. you are a genius

@kavibharathik2294 2 года назад

mobile oda connect pannum pothu adb devices nu kududa theyva illaiya sir

@tirthbhavsar8138 4 года назад

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

@sooraj111 4 года назад

same problem... any solution?

@MM-vr8rj 4 года назад

same did you solve it?

@gladiumcaeli 4 года назад

Thank you so much professor, you're a lifesaver.

@ComputerScienceTutorial 4 года назад

Thanks for your valuable feedback

@SonuRaj-er1hn 4 года назад

In my system not working : react-native run-android It gives build failed could not initialize class org.codehaus.groovy.runtime.invokerhelper

@sanjaimahalingan377 4 года назад

Check your gradle version in cmd and go to "[Your Project]\android\gradle\wrapper\gradle-wrapper.properties" this file edit as ...(upgrade gradle version)

@MrAvelino2010 3 года назад

when I run the comand launch automatically the emulator but I want run in device

@ComputerScienceTutorial 3 года назад

I have share a video for the same

@MrAvelino2010 3 года назад

Can u past here the Link

@ampomahwinston3436 3 года назад

can you share that app

@fatmakocman8103 Год назад

çok çokk teşekkürler🥰

@review.masahiro 4 года назад

please change your Tittle. we are confuse a lot.

@ComputerScienceTutorial 4 года назад

thank you for your feedback but what should I set the title?

@Dizzymack1 3 года назад

Ayeee thank you

@robiberhe4982 4 года назад

How can I build gardle to run in node js please make anyone to know for this issue

@shebeeradimaly6125 2 года назад

Super

@vipul5529 3 года назад

Can you tell me how to enable hot reloading feature in real device( save the changes and the output changes automatically)?

@ComputerScienceTutorial 3 года назад

@Vipul Tyagi Just shake the Mobile left and right

@vipul5529 3 года назад

@@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.

@amandubey1103 3 года назад

Tip watch from 7:11 Btw helpful video🙏

@TDhanunjay 4 года назад

how to know the avd name?

@ComputerScienceTutorial 4 года назад

emulator -list-avds

@selva4342 4 года назад

thanks you..

@AtiullahKhan 2 года назад

'emulator' is not recognized as an internal or external command, operable program or batch file.. How can i resolve it?

@soniclickadbox8646 3 года назад

Thank You very much such a nice tutorial

@ComputerScienceTutorial 3 года назад

Thanks for your valuable feedback

@nimitarora2639 4 года назад

Awesome Video Very helpful. Thank You!!!

@ComputerScienceTutorial 4 года назад

Thanks Nimit

@dhaval1039 4 года назад

Very helpful for beginners. Thanks

@ComputerScienceTutorial 4 года назад

Thanks for your valuable feedback

@er.sumankumar6856 3 года назад

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

@amirabenyahia1902 3 года назад

Hey , how did you know the IP address to debug service host and host for device ?

@dhyeyrajpara9183 4 года назад

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

@ComputerScienceTutorial 4 года назад

plz check the path of emulator folder and set it in environmental variable

@shubhamjain2616 3 года назад

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?

@shebeeradimaly6125 2 года назад

Will u provide functional components tutorials

@shivisharma4598 3 года назад

From where can i get ip address and port of adb devices?

@GujaratiSafar 2 года назад

Great explain, thanks sir

@nithyaramachandran1495 4 года назад

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

@USSCallister-up 3 года назад

start at 10:00

@biswanathbanik 4 года назад

what should be the machine configuration and is there any android studio required?

@ComputerScienceTutorial 4 года назад

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

@sanjaimahalingan377 4 года назад

Thank for this guide.. i have iPhone, is it possible to connect to my Windows laptop.

@longnhu327 3 года назад

nice tutorial

@srisayeekathiravan8236 2 года назад

is adding that ip address with port num important for running it on our device

@ramsir011 3 года назад

thank you so much for this video

@tabishadnan9132 3 года назад

Awesome

@gokulnathd3795 3 года назад

Really helpful! Thanks a lot!!

@ComputerScienceTutorial 3 года назад

Glad it helped!

@kavibharathik2294 2 года назад

npx package is not using in react

@amardeepSingh9312 4 года назад

what are you system specs ?

@elhadjiidrissadiop5909 4 года назад

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 ;)