In Xcode 15, we got improvements on widgets, which also change A LOT how we handle them in code, we need to take care now of:<\/p>\n\n\n\n
Live action, animations, Time Lines & App Intents<\/strong><\/p>\n\n\n\n If you download the Widgets example from Apple<\/strong>, you’ll see that it won’t compile in Xcode 15 Beta 2 after create the Widget Target. This will create a boiler plate code, that sadly doesn’t compile with the previews.<\/p>\n\n\n\n The first change we need to do is to add a container background:<\/a><\/p>\n\n\n\n https:\/\/developer.apple.com\/documentation\/swiftui\/view\/containerbackground(_:for:)<\/a><\/p>\n\n\n\n You can use this extension that someone put on Apple Forums:<\/p>\n\n\n\n Use it like:<\/p>\n\n\n\n The second change is about how previews work now:<\/p>\n\n\n\n See that we’re using the .widgetBackground<\/strong><\/p>\n\n\n\n But now, with the Preview macro, <\/strong>there’s another way to use them, basically we need to use the Entries:<\/p>\n\n\n\n But, this will yell an error and won’t let you run the app:<\/p>\n\n\n\n To fix this, we need to add In our Entry the configuration intent and our detail character detail model<\/p>\n\n\n\n The result will now compile in our preview. Check the result:<\/p>\n\n\n\n And that’s it. I still see the error mentioned above, but at least is working<\/p>\n\n\n\n In new betas, from the number 5, this is fixed, but I wanted to leave the solution here, because it was a challenge!!!!<\/p>\n\n\n\n Check the WWDC23 videos for more information<\/strong><\/p>\n\n\n\n Video: https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10028\/?time=233<\/a><\/p>\n\n\n\n This allows it to show up in all the new supported locations on the Mac and iPad.<\/u><\/a><\/p>\n","protected":false},"excerpt":{"rendered":" In Xcode 15, we got improvements on widgets, which also change A LOT how we handle them in code, we need to take care now of: Live action, animations, Time Lines & App Intents If you download the Widgets example from Apple, you’ll see that it won’t compile in Xcode 15 Beta 2 after create … .containerBackground(for: .widget)\n<\/code><\/pre>\n\n\n\nextension View {\n func widgetBackground(_ color: Color) -> some View {\n if #available(iOSApplicationExtension 17.0, macOSApplicationExtension 14.0, *) {\n return containerBackground(color, for: .widget)\n } else {\n return background(color)\n }\n }\n}<\/code><\/pre>\n\n\n\nAvatarView(entry.character)\n .widgetBackground(.white)<\/code><\/pre>\n\n\n\nstruct EmojiRangerWidget_Previews: PreviewProvider {\n\n static var previews: some View {\n AvatarView(.panda)\n .widgetBackground(.white)\n .previewContext(WidgetPreviewContext(family: .systemSmall))\n }\n}<\/code><\/pre>\n\n\n\n#Preview(as: .systemSmall) {\n EmojiRangerWidget()\n} timeline: {\n SimpleEntry(date: .now,\n character: .panda)\n}<\/code><\/pre>\n\n\n\n-[INIntent _initWithIdentifier:backingStore:schema:error:] Missing backing store for Intent: {xxx-xxx-xxx some ID} (N\/A - N\/A)<\/code><\/p>\n\n\n\nstruct SimpleEntry: TimelineEntry {\n let date: Date\n let configuration: ConfigurationAppIntent\n let character: CharacterDetail\n}<\/code><\/pre>\n\n\n\n#Preview(as: .systemSmall) {\n EmojiRangerWidget()\n} timeline: {\n SimpleEntry(date: .now,\n configuration: ConfigurationAppIntent(),\n character: .panda)\n}<\/code><\/pre>\n\n\n\n