{"id":3563,"date":"2018-06-22T03:00:23","date_gmt":"2018-06-21T21:30:23","guid":{"rendered":"https:\/\/www.botreetechnologies.com\/blog\/?p=3563"},"modified":"2020-12-01T18:55:29","modified_gmt":"2020-12-01T13:25:29","slug":"react-native-how-to-fix-crashing-ios-app-on-launch","status":"publish","type":"post","link":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/","title":{"rendered":"React Native: How to Fix IOS App Crashes"},"content":{"rendered":"\n<p>Since from last 3 day&#8217;s we are facing this error for an iOS release build. It&#8217;s too difficult to identify this error in Production mode because in Dev mode it&#8217;s working fine say without any error, App is crashing in every release build on launch.<\/p>\n\n\n\n<p>So, First time it was the weird situation where we surprised because previously it was working fine for both Android and iOS. We have started facing this error after upgrading to RN 0.55.4 or say in the latest version of RN.<\/p>\n\n\n\n<p>We tried lot&#8217;s of a solution and also find issues in <a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\">React Native<\/a> Github repo related to this.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Read Also:&nbsp;<a href=\"https:\/\/www.botreetechnologies.com\/blog\/how-to-build-a-chatbot-in-react-native-using-react-native-chatbot\">How to build a Chatbot in React Native<\/a><\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">How we Solved this Issue?<\/h2>\n\n\n\n<p>First of all, we try to find a crash report in Xcode.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Navigate to Xcode-&gt;Window-&gt;Devices and Simulators open it.<\/li><li>Attach your iPhone with Mac machine.<\/li><li>Select your device from the device list.<\/li><li>You will see two option view &#8211; <i>crash log<\/i> and <i>open console<\/i>.<\/li><li>click on <i>the open console<\/i> and you will see the various log of your device.<\/li><li>Now open your app and see the log you will get the crash error in the console window or you can search it via <i>Undefined<\/i> word.<\/li><\/ul>\n\n\n\n<p>So we found the error that crashing the app on launch is below:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Terminating app due to uncaught exception &#8216;RCTFatalException: Unhandled JS Exception: undefined is not an object (evaluating &#8216;s.View.propTypes.style&#8217;)&#8217;, reason: &#8216;Unhandled JS Exception: undefined is not an object (evaluating&#8217;s.View.prop&#8230;, stack<\/p><\/blockquote>\n\n\n\n<p>These are the setup to find the crash report. Now, the next step is how to identify in which package\/library have that old <i>View.propTypes.style<\/i> syntax.<\/p>\n\n\n\n<p>Navigate to your project root directory and paste the below command<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><code>grep -onr \"View.propTypes.style\"<\/code><\/p><\/blockquote>\n\n\n\n<p>You will find the list of all files which have that old syntax. That&#8217;s it, now go to each and every file and replace all <i>View.propTypes.style<\/i> to this <i>ViewPropTypes.style<\/i> and don&#8217;t forget to import it from react-native &#8211; <i>import {ViewPropTypes} from &#8216;react-native&#8217;<\/i><\/p>\n\n\n\n<p>That&#8217;s it, now rebuild your app and Enjoy!!!!!!!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/react-native-development\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Click here for more<\/b> blogs\u2026<\/a><\/h3>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>At&nbsp;<a href=\"https:\/\/www.botreetechnologies.com\/\">BoTree Technologies<\/a>, we build enterprise applications with our React Native team of 10+ engineers.<\/p>\n\n\n\n<p>We also specialize in Ruby on Rails, Python, RPA, AI, Django, NodeJS and ReactJS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.botreetechnologies.com\/contact\" target=\"_blank\" rel=\"noopener noreferrer\">Consulting is free<\/a>&nbsp;\u2013 let us help you grow!<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Since from last 3 day&#8217;s we are facing this error&#8230;<\/p>\n","protected":false},"author":19,"featured_media":12932,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72,10],"tags":[],"class_list":["post-3563","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-native","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>React Native: How to Fix IOS App Crashes<\/title>\n<meta name=\"description\" content=\"Learn more about How to Fix Crashing IOS App on Launch using react native. We tried lot&#039;s of solutions and also found issues in React Native Github repo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Native: How to Fix IOS App Crashes\" \/>\n<meta property=\"og:description\" content=\"Learn more about How to Fix Crashing IOS App on Launch using react native. We tried lot&#039;s of solutions and also found issues in React Native Github repo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\" \/>\n<meta property=\"og:site_name\" content=\"BoTree Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BoTreeTechnologies\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-21T21:30:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-01T13:25:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Shailesh Prajapati\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@BoTreeTech\" \/>\n<meta name=\"twitter:site\" content=\"@BoTreeTech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shailesh Prajapati\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\"},\"author\":{\"name\":\"Shailesh Prajapati\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\"},\"headline\":\"React Native: How to Fix IOS App Crashes\",\"datePublished\":\"2018-06-21T21:30:23+00:00\",\"dateModified\":\"2020-12-01T13:25:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\"},\"wordCount\":404,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg\",\"articleSection\":[\"React Native\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\",\"name\":\"React Native: How to Fix IOS App Crashes\",\"isPartOf\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg\",\"datePublished\":\"2018-06-21T21:30:23+00:00\",\"dateModified\":\"2020-12-01T13:25:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\"},\"description\":\"Learn more about How to Fix Crashing IOS App on Launch using react native. We tried lot's of solutions and also found issues in React Native Github repo.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg\",\"width\":1920,\"height\":1280,\"caption\":\"React Native IOS App Development\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.botreetechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Native: How to Fix IOS App Crashes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#website\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/\",\"name\":\"BoTree Technologies\",\"description\":\"Committed to inspire generation.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.botreetechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d\",\"name\":\"Shailesh Prajapati\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png\",\"url\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png\",\"contentUrl\":\"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png\",\"caption\":\"Shailesh Prajapati\"},\"description\":\"Shailesh is a React JS and Ruby on Rails Developer. He loves Ruby, JavaScript, TypeScript, reading and writing blogs, problem-solving and taking ownership of work. Apart from coding, he likes to listen to songs, gyming, playing cricket and traveling.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React Native: How to Fix IOS App Crashes","description":"Learn more about How to Fix Crashing IOS App on Launch using react native. We tried lot's of solutions and also found issues in React Native Github repo.","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:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/","og_locale":"en_US","og_type":"article","og_title":"React Native: How to Fix IOS App Crashes","og_description":"Learn more about How to Fix Crashing IOS App on Launch using react native. We tried lot's of solutions and also found issues in React Native Github repo.","og_url":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/","og_site_name":"BoTree Technologies","article_publisher":"https:\/\/www.facebook.com\/BoTreeTechnologies\/","article_published_time":"2018-06-21T21:30:23+00:00","article_modified_time":"2020-12-01T13:25:29+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg","type":"image\/jpeg"}],"author":"Shailesh Prajapati","twitter_card":"summary_large_image","twitter_creator":"@BoTreeTech","twitter_site":"@BoTreeTech","twitter_misc":{"Written by":"Shailesh Prajapati","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#article","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/"},"author":{"name":"Shailesh Prajapati","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d"},"headline":"React Native: How to Fix IOS App Crashes","datePublished":"2018-06-21T21:30:23+00:00","dateModified":"2020-12-01T13:25:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/"},"wordCount":404,"commentCount":1,"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg","articleSection":["React Native","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/","url":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/","name":"React Native: How to Fix IOS App Crashes","isPartOf":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage"},"image":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg","datePublished":"2018-06-21T21:30:23+00:00","dateModified":"2020-12-01T13:25:29+00:00","author":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d"},"description":"Learn more about How to Fix Crashing IOS App on Launch using react native. We tried lot's of solutions and also found issues in React Native Github repo.","breadcrumb":{"@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#primaryimage","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2018\/06\/react-native-how-to-fix-crashing-ios-app.jpg","width":1920,"height":1280,"caption":"React Native IOS App Development"},{"@type":"BreadcrumbList","@id":"https:\/\/www.botreetechnologies.com\/blog\/react-native-how-to-fix-crashing-ios-app-on-launch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.botreetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Native: How to Fix IOS App Crashes"}]},{"@type":"WebSite","@id":"https:\/\/www.botreetechnologies.com\/blog\/#website","url":"https:\/\/www.botreetechnologies.com\/blog\/","name":"BoTree Technologies","description":"Committed to inspire generation.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.botreetechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.botreetechnologies.com\/blog\/#\/schema\/person\/f03c8ab9b1eaf58b1ac4e6ec16bd009d","name":"Shailesh Prajapati","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png","url":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png","contentUrl":"https:\/\/www.botreetechnologies.com\/blog\/wp-content\/uploads\/2020\/10\/shailesh-prajapati-150x150.png","caption":"Shailesh Prajapati"},"description":"Shailesh is a React JS and Ruby on Rails Developer. He loves Ruby, JavaScript, TypeScript, reading and writing blogs, problem-solving and taking ownership of work. Apart from coding, he likes to listen to songs, gyming, playing cricket and traveling."}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=3563"}],"version-history":[{"count":1,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3563\/revisions"}],"predecessor-version":[{"id":12933,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/3563\/revisions\/12933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media\/12932"}],"wp:attachment":[{"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=3563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=3563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.botreetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=3563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}