{"id":787,"date":"2021-10-10T06:25:01","date_gmt":"2021-10-10T05:25:01","guid":{"rendered":"https:\/\/codeflarelimited.com\/blog\/?p=787"},"modified":"2025-03-12T11:47:16","modified_gmt":"2025-03-12T10:47:16","slug":"use-external-style-sheet-in-react-native","status":"publish","type":"post","link":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/","title":{"rendered":"How to Use External Style Sheet in React Native"},"content":{"rendered":"\n<p>Style sheets are very useful in software development as they define both the style and the general look and feel of your software application. <a href=\"https:\/\/truthpost.info\/blog\/youre-not-a-senior-developer-until-you-have-these-8-traits\/\">You\u2019re Not a Senior Developer Until You Have These 8 Traits<\/a>.<\/p>\n\n\n\n<p>Sometimes these style sheets could internal or external. One advantage of using external stylesheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple pages.<\/p>\n\n\n\n<p>This is usually done in HTML and CSS, and now let&#8217;s see how we can replicate that behaviour in our <a href=\"https:\/\/codeflarelimited.com\/blog\/getting-started-with-react-native-create-a-class-component\/\" target=\"_blank\" rel=\"noreferrer noopener\">React Native application.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-1-first-create-your-style-js-file-or-whatever-name-you-prefer-to-use\">1. First Create your Style.js file (Or whatever name you prefer to use)<\/h2>\n\n\n\n<p>This is the first step in creating our external style sheet in React Native. We must create the file where our styles will be defined. Sometimes these files could be inside a folder like assets or maybe styles, but that arrangement is subjective and not compulsory, Nevertheless, it makes your project look tidy.<\/p>\n\n\n\n<p><a href=\"https:\/\/codeflarelimited.com\/apply.php\">Learn software development training in abuja<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-2-next-define-the-styles\">2. Next, Define the Styles<\/h2>\n\n\n\n<p>We will then proceed to add the styles in our created Style.js file as follows:<\/p>\n\n\n\n<pre title=\"Style.js\" class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n\nbox: {\n    width: '80%',\n    height: 150,\n    backgroundColor: 'red',\n    alignSelf: 'center',\n    borderRadius: 9\n  }\n   \n});\n\nexport { styles }<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>Notice here that we are importing &#8216;React&#8217; or anything of such as it is not necessary.<\/p>\n\n\n\n<p>Also notice that we are exporting style constant, which is what makes the style to be globally accessible by all screens in our application. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-3-add-external-style-sheet-to-our-react-native-app\">3. Add External Style Sheet to Our React Native App<\/h2>\n\n\n\n<p>So we&#8217;ll add external style sheet to our screen<\/p>\n\n\n\n<p>Let&#8217;s call our screen Home.js<\/p>\n\n\n\n<pre title=\"Home.js\" class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import React, { Component } from \"react\";\nimport { View } from 'react-native';\nimport { styles } from \".\/Style\";\n\nclass Home extends Component {\n    render(){\n        return(\n            &lt;View&gt;\n                &lt;View style={styles.box}&gt;\n\n                &lt;\/View&gt;\n            &lt;\/View&gt;\n        )\n    }\n}\n\nexport default Home;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-4-finally-we-run-the-app\">4. Finally, We Run the App<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"633\" height=\"1024\" src=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-633x1024.png\" alt=\"external style sheet in react native\" class=\"wp-image-789\" style=\"width:277px;height:448px\" srcset=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-633x1024.png 633w, https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-186x300.png 186w, https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-768x1242.png 768w, https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-950x1536.png 950w, https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-1267x2048.png 1267w, https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native.png 1870w\" sizes=\"auto, (max-width: 633px) 100vw, 633px\" \/><figcaption class=\"wp-element-caption\">External style sheets in React Native<\/figcaption><\/figure>\n\n\n\n<p>This is how we create and use external style sheet in React Native.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>See also:<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/codeflarelimited.com\/blog\/react-native-app-intro-slider-anyone\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to create onboarding screen in React Native<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Style sheets are very useful in software development as they define both the style and the general look<\/p>\n","protected":false},"author":1,"featured_media":2843,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[98],"tags":[],"class_list":["post-787","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softare-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use External Style Sheet in React Native<\/title>\n<meta name=\"description\" content=\"One advantage of using external style sheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple .\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use External Style Sheet in React Native\" \/>\n<meta property=\"og:description\" content=\"One advantage of using external style sheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/codeflretech\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-10T05:25:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-12T10:47:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1216\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"codeflare\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeflaretech\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/\"},\"author\":{\"name\":\"codeflare\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\"},\"headline\":\"How to Use External Style Sheet in React Native\",\"datePublished\":\"2021-10-10T05:25:01+00:00\",\"dateModified\":\"2025-03-12T10:47:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/\"},\"wordCount\":288,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/react-native-styling.png\",\"articleSection\":[\"softare development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/\",\"name\":\"How to Use External Style Sheet in React Native\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/react-native-styling.png\",\"datePublished\":\"2021-10-10T05:25:01+00:00\",\"dateModified\":\"2025-03-12T10:47:16+00:00\",\"description\":\"One advantage of using external style sheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple .\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/react-native-styling.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/react-native-styling.png\",\"width\":1216,\"height\":832,\"caption\":\"react-native-styling\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/use-external-style-sheet-in-react-native\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"softare development\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/softare-development\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use External Style Sheet in React Native\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"name\":\"\",\"description\":\"Sustainable solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\",\"name\":\"Codeflare Limited\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"width\":1040,\"height\":263,\"caption\":\"Codeflare Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\",\"name\":\"codeflare\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"caption\":\"codeflare\"},\"description\":\"Latest tech news and coding tips.\",\"sameAs\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\",\"https:\\\/\\\/facebook.com\\\/codeflretech\",\"https:\\\/\\\/instagram.com\\\/codeflaretech\",\"https:\\\/\\\/x.com\\\/codeflaretech\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1\"],\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/author\\\/watcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use External Style Sheet in React Native","description":"One advantage of using external style sheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple .","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/","og_locale":"en_US","og_type":"article","og_title":"How to Use External Style Sheet in React Native","og_description":"One advantage of using external style sheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple .","og_url":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/","article_author":"https:\/\/facebook.com\/codeflretech","article_published_time":"2021-10-10T05:25:01+00:00","article_modified_time":"2025-03-12T10:47:16+00:00","og_image":[{"width":1216,"height":832,"url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png","type":"image\/png"}],"author":"codeflare","twitter_card":"summary_large_image","twitter_creator":"@codeflaretech","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#article","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/"},"author":{"name":"codeflare","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a"},"headline":"How to Use External Style Sheet in React Native","datePublished":"2021-10-10T05:25:01+00:00","dateModified":"2025-03-12T10:47:16+00:00","mainEntityOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/"},"wordCount":288,"commentCount":2,"publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png","articleSection":["softare development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/","url":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/","name":"How to Use External Style Sheet in React Native","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#primaryimage"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png","datePublished":"2021-10-10T05:25:01+00:00","dateModified":"2025-03-12T10:47:16+00:00","description":"One advantage of using external style sheet in React Native is that it avoids unnecessary re-styling: one block of style can serve multiple .","breadcrumb":{"@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#primaryimage","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png","width":1216,"height":832,"caption":"react-native-styling"},{"@type":"BreadcrumbList","@id":"https:\/\/codeflarelimited.com\/blog\/use-external-style-sheet-in-react-native\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeflarelimited.com\/blog\/"},{"@type":"ListItem","position":2,"name":"softare development","item":"https:\/\/codeflarelimited.com\/blog\/softare-development\/"},{"@type":"ListItem","position":3,"name":"How to Use External Style Sheet in React Native"}]},{"@type":"WebSite","@id":"https:\/\/codeflarelimited.com\/blog\/#website","url":"https:\/\/codeflarelimited.com\/blog\/","name":"","description":"Sustainable solutions","publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeflarelimited.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeflarelimited.com\/blog\/#organization","name":"Codeflare Limited","url":"https:\/\/codeflarelimited.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","width":1040,"height":263,"caption":"Codeflare Limited"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a","name":"codeflare","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","caption":"codeflare"},"description":"Latest tech news and coding tips.","sameAs":["https:\/\/codeflarelimited.com\/blog","https:\/\/facebook.com\/codeflretech","https:\/\/instagram.com\/codeflaretech","https:\/\/x.com\/codeflaretech","https:\/\/www.youtube.com\/channel\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1"],"url":"https:\/\/codeflarelimited.com\/blog\/author\/watcher\/"}]}},"jetpack_featured_media_url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2021\/10\/react-native-styling.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/comments?post=787"}],"version-history":[{"count":4,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/787\/revisions"}],"predecessor-version":[{"id":2842,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/787\/revisions\/2842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media\/2843"}],"wp:attachment":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media?parent=787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/categories?post=787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/tags?post=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}