{"id":126477,"date":"2022-06-07T15:30:04","date_gmt":"2022-06-07T15:30:04","guid":{"rendered":"https:\/\/developer.apple.com\/news\/?id=4a3k7k30"},"modified":"2022-06-07T15:30:04","modified_gmt":"2022-06-07T15:30:04","slug":"challenge-swiftui-navigation-hotdish","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2022\/06\/07\/challenge-swiftui-navigation-hotdish\/","title":{"rendered":"Challenge: SwiftUI navigation hotdish"},"content":{"rendered":"<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-swiftui-navigation-hotdish.jpg\" data-hires=\"false\" alt><\/div>\n<p>What\u2019s piping hot, golden-crusted, and filled with mystery ingredients? A divine hotdish, you betcha! But this SwiftUI challenge doesn\u2019t involve tater tots or cream of mushroom soup; in fact, we\u2019re inviting you to throw away the recipe book and mix up your own ingredients for a new kind of navigation supper.<\/p>\n<p>Prep your ChallengeContentView to create a hotdish of your own, mixing together SwiftUI navigation ingredients like stack view, multicolumn layout, and state restoration. <\/p>\n<h3>Begin the challenge<\/h3>\n<p>Before you become a SwiftUI hotdish chef, it\u2019s important to understand the techniques behind a variety of recipes. Make sure to watch The SwiftUI Cookbook for Navigation from WWDC22 to get started on your culinary adventure.<\/p>\n<section class=\"grid activity\">\n<section class=\"row\">\n<section class=\"column large-4 small-4 no-padding-top no-padding-bottom\"> <a href=\"https:\/\/developer.apple.com\/wwdc22\/10054\" class=\"activity-image-link\"> <img decoding=\"async\" class=\"actiity-image medium-scale\" width=\"250\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-swiftui-navigation-hotdish-1.jpg\" data-hires=\"false\" alt> <\/a> <\/section>\n<section class=\"column large-8 small-8 padding-left-small padding-top-small padding-bottom-small no-padding-top no-padding-bottom\"> <a href=\"https:\/\/developer.apple.com\/wwdc22\/10054\"> <\/p>\n<h4 class=\"no-margin-bottom activity-title\">The SwiftUI cookbook for navigation<\/h4>\n<p class=\"activity-description\">The recipe for a great app begins with a clear and robust navigation structure. Join the SwiftUI team in our proverbial coding kitchen and learn how you can cook up a great experience for your app. We\u2019ll introduce you to SwiftUI\u2019s navigation stack and split view features, show you how you can&#8230;<\/p>\n<p> <\/a> <\/section>\n<\/section>\n<\/section>\n<p>For this dish, you\u2019ll be cooking with the \u201cBringing robust navigation structure to your SwiftUI app\u201d sample code. Download it to your device to start the challenge.<\/p>\n<p><a href=\"https:\/\/developer.apple.com\/documentation\/swiftui\/bringing_robust_navigation_structure_to_your_swiftui_app\" class=\"icon icon-after icon-chevronright\">Bringing robust navigation structure to your SwiftUI app<\/a><\/p>\n<p>You can get a feel for your SwiftUI ingredients by exploring and modifying StackContentView, TwoColumnContentView, or ThreeColumnContentView in the project.<\/p>\n<p>Once you\u2019re feeling ready, head to the ChallengeContentView, where you can mix and match any navigation ingredients you might need to craft a prize-winning hotdish! (You can even pick up a few new APIs from \u201cWhat\u2019s new in SwiftUI\u201d to add some spice to your meal.) Incorporate your own app\u2019s ingredients and voila! You\u2019ve got a secret recipe for the ages.&nbsp;<\/p>\n<section class=\"grid activity\">\n<section class=\"row\">\n<section class=\"column large-4 small-4 no-padding-top no-padding-bottom\"> <a href=\"https:\/\/developer.apple.com\/wwdc22\/10052\" class=\"activity-image-link\"> <img decoding=\"async\" class=\"actiity-image medium-scale\" width=\"250\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-swiftui-navigation-hotdish-2.jpg\" data-hires=\"false\" alt> <\/a> <\/section>\n<section class=\"column large-8 small-8 padding-left-small padding-top-small padding-bottom-small no-padding-top no-padding-bottom\"> <a href=\"https:\/\/developer.apple.com\/wwdc22\/10052\"> <\/p>\n<h4 class=\"no-margin-bottom activity-title\">What&#8217;s new in SwiftUI<\/h4>\n<p class=\"activity-description\">It&#8217;s a SwiftUI party \u2014 and you&#8217;re invited! Join us as we share the latest updates and a glimpse into the future of UI framework design. Discover deep levels of customization, advanced techniques for layout, elegant strategies for sharing, and rock-solid structural approaches for designing an app&#8230;<\/p>\n<p> <\/a> <\/section>\n<\/section>\n<\/section>\n<p><a href=\"https:\/\/twitter.com\/search?q=%23WWDC22Challenges\" class=\"icon icon-after icon-chevronright\">Explore #WWDC22Challenges on social media<\/a><\/p>\n<p><a href=\"https:\/\/developer.apple.com\/wwdc22\/challenges\/terms\/WWDC22_Challenge_Terms_Conditions.pdf\" class=\"icon icon-after icon-chevronright\">Read the WWDC22 Challenges Terms and Conditions<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What\u2019s piping hot, golden-crusted, and filled with mystery ingredients? A divine hotdish, you betcha! But this SwiftUI challenge doesn\u2019t involve tater tots or cream of mushroom soup; in fact, we\u2019re inviting you to throw away the recipe book and mix up your own ingredients for a new kind of navigation supper. Prep your ChallengeContentView to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":126478,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-126477","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apple-developer-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/126477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=126477"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/126477\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/126478"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=126477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=126477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=126477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}