{"id":7450,"date":"2023-10-14T19:16:11","date_gmt":"2023-10-14T13:46:11","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=7450"},"modified":"2023-10-14T19:16:14","modified_gmt":"2023-10-14T13:46:14","slug":"steps-to-create-a-react-native-project","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/steps-to-create-a-react-native-project\/","title":{"rendered":"STEPS TO CREATE A REACT NATIVE PROJECT"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">INTRODUCTION:<br>React Native is an open-source framework for building mobile applications using JavaScript and React. it is developed by Facebook in 2015 , it is used to create mobile applications in both ios and android using one codebase<br><br>BasicKnowledge:<br>We need to know basics of HTML,CSS,JS,React Js<br>We uses node version<br><br>INSTALLATION AND RUN CODE:<br>we can use to create project by using following commands<br>1.npx create react-native-app project name <br>  cd project name<br>project will be created next we need to install node modules<br>2.npm install &#8211;legacy-peer-deps [or] npm install <br>            [or]<br>we can install using yarn also yarn install<br>3.after install we can run using followings commands<br>  3.1,npx react-native run-android\u00a0<br>  3.2, yarn android [or] yarn ios<br>  3.3, npm start <br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HOW TO WRITE A CODE TO RUN SMALL TEXT:<br>\/\/ App.js file<br>Import React from &#8220;react&#8221;;<br>import {Text,View,StyleSheet} from &#8216;react-native&#8217;;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">const App =() =&gt; {<br>&lt;Text style={styles.Hey}&gt;HEY WELCOME TO WORLD&lt;\/Text&gt;<br><br>};<br>const styles=StyleSheet.create({<br>Hey:{<br>MarginTop:10,<br>textalign:&#8221;center&#8221;,<br>},<br>})<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View:<br>view is used to building a user interface, it is also used some of layouts such as flexs , touchables, styles, touch handling and accessiable components<br><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>INTRODUCTION:React Native is an open-source framework for building mobile applications using JavaScript and React. it is developed by Facebook in [&hellip;]<\/p>\n","protected":false},"author":504,"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-7450","post","type-post","status-publish","format-standard","hentry","category-mobile-flutter","psol-cat-mobile-flutter"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/phn2x7-1Wa","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/7450","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\/504"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=7450"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/7450\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=7450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=7450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=7450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}