{"id":287,"date":"2015-03-13T13:00:00","date_gmt":"2015-03-13T13:00:00","guid":{"rendered":"http:\/\/localhost\/?p=287"},"modified":"2015-12-16T19:41:21","modified_gmt":"2015-12-16T19:41:21","slug":"rc0-swipe-to-go-back","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back","title":{"rendered":"New Swipe to Go Back Feature"},"content":{"rendered":"<p>Last week at ng-conf, <a href=\"https:\/\/youtu.be\/wvr11fvCeu4\">we announced Ionic RC0<\/a>, which includes several new features about which we\u2019re really excited.<\/p>\n<p>The first one, a feature near and dear to my heart, is Swipe to Go Back. Ionic now uses interactive transitions, rather than just static animations. Swipe to Go Back works the same way the back button does, animating the nav bar title and back buttons. You can swipe from the left of a page to go back to the previous page. Letting go at certain points of the transition will cause the view to either snap back or complete the navigation.<\/p>\n<p><!--more--><\/p>\n<p>This feature, which is common in native iOS apps, is only offered for iOS, because Android doesn\u2019t do this. It\u2019s only in Cordova, because standard mobile browsers provide their own swipe to go back capabilities. The URL still changes and is no different than any other navigation with the same lifecycle events.<\/p>\n<p>Watch the video of my presentation <a href=\"https:\/\/youtu.be\/wvr11fvCeu4?t=9m1s\">where I talk about Swipe to Go Back<\/a>:<\/p>\n<div class=\"video-container\">\n              <iframe data-src=\"\/\/www.youtube.com\/embed\/wvr11fvCeu4?t=9m1s\"frameborder=\"0\" allowfullscreen src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n            <\/div>\n<p>For more on the Ionic community&#8217;s response to Swipe to Go Back and RCO, check out <a href=\"https:\/\/medium.com\/@saniyusuf\/first-look-at-ionic-1-0-rc-release-candidate-40f6f18308f4\">Sani Yusuf&#8217;s post on Medium.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last week at ng-conf, we announced Ionic RC0, which includes several new features about which we\u2019re really excited. The first one, a feature near and dear to my heart, is Swipe to Go Back. Ionic now uses interactive transitions, rather than just static animations. Swipe to Go Back works the same way the back button [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[3],"class_list":["post-287","post","type-post","status-publish","format-standard","hentry","category-all","tag-ionic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>New Swipe to Go Back Feature - Ionic Blog<\/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:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Swipe to Go Back Feature\" \/>\n<meta property=\"og:description\" content=\"Last week at ng-conf, we announced Ionic RC0, which includes several new features about which we\u2019re really excited. The first one, a feature near and dear to my heart, is Swipe to Go Back. Ionic now uses interactive transitions, rather than just static animations. Swipe to Go Back works the same way the back button [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-13T13:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-16T19:41:21+00:00\" \/>\n<meta name=\"author\" content=\"Adam Bradley\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@adamdbradley\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Bradley\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\"},\"author\":{\"name\":\"Adam Bradley\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21\"},\"headline\":\"New Swipe to Go Back Feature\",\"datePublished\":\"2015-03-13T13:00:00+00:00\",\"dateModified\":\"2015-12-16T19:41:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\"},\"wordCount\":210,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"keywords\":[\"Ionic\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\",\"url\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\",\"name\":\"New Swipe to Go Back Feature - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"datePublished\":\"2015-03-13T13:00:00+00:00\",\"dateModified\":\"2015-12-16T19:41:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Swipe to Go Back Feature\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21\",\"name\":\"Adam Bradley\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg\",\"caption\":\"Adam Bradley\"},\"sameAs\":[\"http:\/\/twitter.com\/adamdbradley\",\"https:\/\/x.com\/adamdbradley\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/adam\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"New Swipe to Go Back Feature - Ionic Blog","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:\/\/ionic.io\/blog\/rc0-swipe-to-go-back","og_locale":"en_US","og_type":"article","og_title":"New Swipe to Go Back Feature","og_description":"Last week at ng-conf, we announced Ionic RC0, which includes several new features about which we\u2019re really excited. The first one, a feature near and dear to my heart, is Swipe to Go Back. Ionic now uses interactive transitions, rather than just static animations. Swipe to Go Back works the same way the back button [&hellip;]","og_url":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back","og_site_name":"Ionic Blog","article_published_time":"2015-03-13T13:00:00+00:00","article_modified_time":"2015-12-16T19:41:21+00:00","author":"Adam Bradley","twitter_card":"summary_large_image","twitter_creator":"@adamdbradley","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Adam Bradley","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back"},"author":{"name":"Adam Bradley","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21"},"headline":"New Swipe to Go Back Feature","datePublished":"2015-03-13T13:00:00+00:00","dateModified":"2015-12-16T19:41:21+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back"},"wordCount":210,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"keywords":["Ionic"],"articleSection":["All"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back","url":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back","name":"New Swipe to Go Back Feature - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"datePublished":"2015-03-13T13:00:00+00:00","dateModified":"2015-12-16T19:41:21+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/rc0-swipe-to-go-back#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"New Swipe to Go Back Feature"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21","name":"Adam Bradley","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg","caption":"Adam Bradley"},"sameAs":["http:\/\/twitter.com\/adamdbradley","https:\/\/x.com\/adamdbradley"],"url":"https:\/\/ionic.io\/blog\/author\/adam"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=287"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/287\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}