{"id":5101,"date":"2020-10-22T05:50:08","date_gmt":"2020-10-22T05:50:08","guid":{"rendered":"https:\/\/www.folio3.com\/mobile\/?p=5101"},"modified":"2020-10-22T05:53:12","modified_gmt":"2020-10-22T05:53:12","slug":"use-custom-react-native-alert","status":"publish","type":"post","link":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/","title":{"rendered":"How to use custom react-native alert?"},"content":{"rendered":"\n<p>React native provides a variety of core components that we can use readily while creating screens for application. Developers can easily create custom components on top of the core components.<br><\/p>\n\n\n\n<p>&nbsp;The Alert component opens an alert dialog with the sent message and title. An Alert component is used if you want to make sure the user reads the message. It takes away the focus of the screen to alert box and forces the user to read the message.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Alert.alert(\n&nbsp;'Dummy Title For Alert',\n&nbsp;'Dummy Message For Alert',\n&nbsp;[\n&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: 'Cancel',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onPress: () =&gt; console.log('Cancel Button Pressed'),\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style: 'cancel',\n&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;{text: 'OK', onPress: () =&gt; console.log('OK Button Pressed')},\n&nbsp;],\n&nbsp;{cancelable: false},\n);\n\n<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/DkaWGcXf7YGuyWmm0dMG2yfhkgqQcbKnj6DF-famNtfGXpbrU851d41ye9upliztfI-KboWTLNce6h91tYiaz7q8QikDgiwV8naUJ0WQ7LUYmO2lrX-DmKXnUHJQzNxZ6eg4zfV9\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p>By default the OK button is displayed, however, the component provides a list of buttons with respective onPress callbacks. In Android, you can use only three buttons with the concept of positive, negative, and neutral options. In IOS you can use more than three buttons with the style which is one of default, destructive or cancel.<\/p>\n\n\n\n<p>React Native Alert does not support custom styling and animations. If your requirements for the same, we recommend using the <a href=\"https:\/\/github.com\/react-native-community\/react-native-modal\">React Native Modal<\/a>.<\/p>\n\n\n\n<p>React native Modal can be used as an alert also and it has more functionalities, animations, and styling options as compared to the react-native alert component. In our previous blog, we covered React native Modal, you may find it useful.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">     &lt;Modal\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;transparent={true}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;visible={this.state.visible}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;animationIn=\"slideInLeft\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;animationOut=\"slideOutRight\"&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style={{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;backgroundColor: 'rgba(0,0,0,0.2)',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alignItems: 'center',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;justifyContent: 'center',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;flex: 1,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;View\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style={{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width: '90%',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;backgroundColor: 'white',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding: 22,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;justifyContent: 'center',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alignItems: 'center',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;borderRadius: 4,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;borderColor: 'rgba(0, 0, 0, 0.1)',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Text&gt;Hi, This is dummy alert!&lt;\/Text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Button\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onPress={() =&gt; { this.setState({ visible: false }) }}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title=\"Close\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/View&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/Modal&gt;<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/nV7WSis8WqIJYgHP5u3rSVh-tq5_0A8xRCrq0WG3fkKwWtMV6YaMlIH7GuC8AyE-7YyvseKL6NGfdgoVBEe_lu0hUeYJTI0oQ8tNBVUzacDuyiYQhlIvgdXYbqYDXGkXNVc8X36O\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p>You can customize the number of buttons, style header, and body &amp; also add animations as per your need. Modal offers several events which are called when a modal shows or hides.<\/p>\n\n\n\n<p>If your requirement is of simple intimating messages for users you can readily use react native alert. If you need to show an animated alert with custom buttons I recommend using react native modal.<\/p>\n\n\n\n<p>Have I missed something? Please feel free to post in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>React native provides a variety of core components that we can use readily while creating screens for application. Developers can easily create custom components on top of the core components. &nbsp;The Alert component opens an alert dialog with the sent message and title. An Alert component is used if you want to make sure the &hellip; <a href=\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to use custom react-native alert?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":5123,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-5101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-native"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Best Tips to Use Custom React-Native Alert?<\/title>\n<meta name=\"description\" content=\"Folio3 offers comprehensive guidelines about how to use custom react-native alert? The custom React-Native Alert component opens an alert dialog with the sent message and title.\" \/>\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.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Tips to Use Custom React-Native Alert?\" \/>\n<meta property=\"og:description\" content=\"Folio3 offers comprehensive guidelines about how to use custom react-native alert? The custom React-Native Alert component opens an alert dialog with the sent message and title.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\" \/>\n<meta property=\"og:site_name\" content=\"Mobile App Development Services\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-22T05:50:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-22T05:53:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"1334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"msaqlain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"msaqlain\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\"},\"author\":{\"name\":\"msaqlain\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/d7e0ef02800a3f681aaafbd99d7a1c73\"},\"headline\":\"How to use custom react-native alert?\",\"datePublished\":\"2020-10-22T05:50:08+00:00\",\"dateModified\":\"2020-10-22T05:53:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\"},\"wordCount\":282,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg\",\"articleSection\":[\"React Native\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\",\"url\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\",\"name\":\"Best Tips to Use Custom React-Native Alert?\",\"isPartOf\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg\",\"datePublished\":\"2020-10-22T05:50:08+00:00\",\"dateModified\":\"2020-10-22T05:53:12+00:00\",\"description\":\"Folio3 offers comprehensive guidelines about how to use custom react-native alert? The custom React-Native Alert component opens an alert dialog with the sent message and title.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage\",\"url\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg\",\"contentUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg\",\"width\":750,\"height\":1334,\"caption\":\"Custom React-Native Alert\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.folio3.com\/mobile\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use custom react-native alert?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#website\",\"url\":\"https:\/\/www.folio3.com\/mobile\/\",\"name\":\"Mobile App Development Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.folio3.com\/mobile\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#organization\",\"name\":\"Mobile App Development Services\",\"url\":\"https:\/\/www.folio3.com\/mobile\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png\",\"contentUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png\",\"width\":210,\"height\":50,\"caption\":\"Mobile App Development Services\"},\"image\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/d7e0ef02800a3f681aaafbd99d7a1c73\",\"name\":\"msaqlain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b06cfd7df7ee148f3c3b752c732984c8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b06cfd7df7ee148f3c3b752c732984c8?s=96&d=mm&r=g\",\"caption\":\"msaqlain\"},\"description\":\"A hardworking and dedicated individual, determined on the road to success, ever ready to take on challenges and accomplish what I set out to achieve.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/msaqlain\/\",\"noc\"],\"url\":\"https:\/\/www.folio3.com\/mobile\/blog\/author\/msaqlain\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best Tips to Use Custom React-Native Alert?","description":"Folio3 offers comprehensive guidelines about how to use custom react-native alert? The custom React-Native Alert component opens an alert dialog with the sent message and title.","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.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/","og_locale":"en_US","og_type":"article","og_title":"Best Tips to Use Custom React-Native Alert?","og_description":"Folio3 offers comprehensive guidelines about how to use custom react-native alert? The custom React-Native Alert component opens an alert dialog with the sent message and title.","og_url":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/","og_site_name":"Mobile App Development Services","article_published_time":"2020-10-22T05:50:08+00:00","article_modified_time":"2020-10-22T05:53:12+00:00","og_image":[{"width":750,"height":1334,"url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg","type":"image\/jpeg"}],"author":"msaqlain","twitter_card":"summary_large_image","twitter_misc":{"Written by":"msaqlain","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#article","isPartOf":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/"},"author":{"name":"msaqlain","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/d7e0ef02800a3f681aaafbd99d7a1c73"},"headline":"How to use custom react-native alert?","datePublished":"2020-10-22T05:50:08+00:00","dateModified":"2020-10-22T05:53:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/"},"wordCount":282,"commentCount":0,"publisher":{"@id":"https:\/\/www.folio3.com\/mobile\/#organization"},"image":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage"},"thumbnailUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg","articleSection":["React Native"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/","url":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/","name":"Best Tips to Use Custom React-Native Alert?","isPartOf":{"@id":"https:\/\/www.folio3.com\/mobile\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage"},"image":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage"},"thumbnailUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg","datePublished":"2020-10-22T05:50:08+00:00","dateModified":"2020-10-22T05:53:12+00:00","description":"Folio3 offers comprehensive guidelines about how to use custom react-native alert? The custom React-Native Alert component opens an alert dialog with the sent message and title.","breadcrumb":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#primaryimage","url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg","contentUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/10\/Custom-React-Native-Alert.jpeg","width":750,"height":1334,"caption":"Custom React-Native Alert"},{"@type":"BreadcrumbList","@id":"https:\/\/www.folio3.com\/mobile\/blog\/use-custom-react-native-alert\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.folio3.com\/mobile\/"},{"@type":"ListItem","position":2,"name":"How to use custom react-native alert?"}]},{"@type":"WebSite","@id":"https:\/\/www.folio3.com\/mobile\/#website","url":"https:\/\/www.folio3.com\/mobile\/","name":"Mobile App Development Services","description":"","publisher":{"@id":"https:\/\/www.folio3.com\/mobile\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.folio3.com\/mobile\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.folio3.com\/mobile\/#organization","name":"Mobile App Development Services","url":"https:\/\/www.folio3.com\/mobile\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/","url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png","contentUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png","width":210,"height":50,"caption":"Mobile App Development Services"},"image":{"@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/d7e0ef02800a3f681aaafbd99d7a1c73","name":"msaqlain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b06cfd7df7ee148f3c3b752c732984c8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b06cfd7df7ee148f3c3b752c732984c8?s=96&d=mm&r=g","caption":"msaqlain"},"description":"A hardworking and dedicated individual, determined on the road to success, ever ready to take on challenges and accomplish what I set out to achieve.","sameAs":["https:\/\/www.linkedin.com\/in\/msaqlain\/","noc"],"url":"https:\/\/www.folio3.com\/mobile\/blog\/author\/msaqlain\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts\/5101"}],"collection":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/comments?post=5101"}],"version-history":[{"count":3,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts\/5101\/revisions"}],"predecessor-version":[{"id":5122,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts\/5101\/revisions\/5122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/media\/5123"}],"wp:attachment":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/media?parent=5101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/categories?post=5101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/tags?post=5101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}