This week, we’ll be learning how inject imagery into your app creations. Between pics and SF symbols (images that act like fonts), you’ll learn how to find, insert, and modify imagery to create a visual work of art, or at least a great looking UI! You are going to enjoy chapter 3 from Mastering SwiftUI, so go ahead and give it a read!<\/p>\n\n\n\n
Read Chapter 3: Working with Images in Mastering SwiftUI<\/strong><\/p>\n\n\n\n Overview This week, we’ll be learning how inject imagery into your app creations. Between pics and SF symbols (images that act like fonts), you’ll learn how to find, insert, and modify imagery to create a visual work of art, or at least a great looking UI! You are going to enjoy chapter 3 from Mastering … Continue reading Working with Images<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2713","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/2713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/comments?post=2713"}],"version-history":[{"count":4,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/2713\/revisions"}],"predecessor-version":[{"id":4172,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/2713\/revisions\/4172"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/media?parent=2713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Key Takeaways<\/h2>\n\n\n\n
\n\n
Image<\/code> view \u2014 pass a filename string for asset images, or a symbol name using Image(systemName:)<\/code> for SF Symbols.<\/li>\n\n\n.resizable()<\/code> must be applied before you can change an image’s size with .frame()<\/code> \u2014 without it, the frame modifier has no effect.<\/li>\n\n\n.scaledToFit()<\/code> preserves aspect ratio while fitting within the frame; .scaledToFill()<\/code> fills the frame and may crop.<\/li>\n\n<\/ul>\n","protected":false},"excerpt":{"rendered":"