{"id":8035,"date":"2024-07-15T19:25:10","date_gmt":"2024-07-15T13:55:10","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=8035"},"modified":"2024-07-15T19:25:13","modified_gmt":"2024-07-15T13:55:13","slug":"how-to-setup-react-native-project","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/how-to-setup-react-native-project\/","title":{"rendered":"How to setup React Native Project"},"content":{"rendered":"\n

Prerequisites :
1)VS Code
2)Android Studio

STEP 1:
To create the React native Project you should run the command in the new folder
npx react-native init sampleproject
this will create the whole project setup for running the helloworld

STEP 2: After installing the android Studio it will show like the below image<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

STEP 3: Click on the Open Project and select the android folder of the created React native Project<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n


<\/p>\n\n\n\n

STEP 4 : We need to create Virtual Device to run the Simulator
To create the Virtual device in the android studio do the following steps
(1)Go to the device manager and click on the create device It will show the all the mobile application
(2)Click anyone if the application and give the next button
(3)Next you need to select the android version of the device that you have created previously most commanly all of then used R version click on the R <\/strong>version and Click on the Next button
(4)Next It will go to the Android Virtual Device and click on the Finish Button this will create the Simulator in the Android Studio

STEP 5: Open the Project in the VS code and run the Project using npx react-native run-android <\/strong>this command will instalize the the app in the simulator

STEP 6: After this run npx react-native start <\/strong>to run the Project

STEP 7: After running you can see the output in the device manage like this
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n


<\/p>\n","protected":false},"excerpt":{"rendered":"

Prerequisites : 1)VS Code 2)Android Studio STEP 1: To create the React native Project you should run the command in […]<\/p>\n","protected":false},"author":505,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1021],"tags":[],"class_list":["post-8035","post","type-post","status-publish","format-standard","hentry","category-mobile-flutter","psol-cat-mobile-flutter"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/phn2x7-25B","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/8035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/505"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=8035"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/8035\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=8035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=8035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=8035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}