WidgetKit background like the system battery widget

Hello, is it possible to configure our widgets with a background like the inbuilt system battery widget?

It looks like it's using a UIVisualEffectView as it's background which looks fantastic against the user's background. Especially as it transitions for dark mode.

I've been through all the docs and designing for WidgetKit but can't figure out how to have anything but a fully opaque background.

Setting the background to transparent on my SwiftUI view results in white showing as the background.

Thanks,

Greg
Up vote post of gspiers Down vote post of gspiers
6.2k views
Posted by
gspiers
Reply
Add a Comment

Replies

Would love to know this as well..
Posted by
rmnatr
Post not yet marked as solved Up vote reply of rmnatr Down vote reply of rmnatr
Add a Comment
Can you try wrapping the UIVisualEffectView in a ViewRepresentable protocol and see if you can use it?
Posted by
flaz
Post not yet marked as solved Up vote reply of flaz Down vote reply of flaz
Add a Comment
Yeah,I have this question,too.
Do you have any progress?
If it possible,could you tell me when you have a solution?
Thanks,
Littleor
Posted by
Littleor
Up vote reply of Littleor Down vote reply of Littleor
Add a Comment
Jjm
Posted by
Farkas Laura
Up vote reply of Farkas Laura Down vote reply of Farkas Laura
Add a Comment
Me too
Posted by
harddog
Up vote reply of harddog Down vote reply of harddog
Add a Comment
Would love to know the same!
Posted by
bertadevant-tk
Up vote reply of bertadevant-tk Down vote reply of bertadevant-tk
Add a Comment
watching this too
Posted by
timbroddin
Up vote reply of timbroddin Down vote reply of timbroddin
Add a Comment
watching this too...
Posted by
DEHANG
Up vote reply of DEHANG Down vote reply of DEHANG
Add a Comment
I tried wrapping UIVisualEffectView in a ViewRepresentable protocol, but that didn't work. The widget rendered with a large yellow/red forbidden image as background.
Posted by
bhrrrdev
Post not yet marked as solved Up vote reply of bhrrrdev Down vote reply of bhrrrdev
Add a Comment
watching this too...
Posted by
zlata_c
Up vote reply of zlata_c Down vote reply of zlata_c
Add a Comment
+1 👀
Posted by
hellosaumil
Up vote reply of hellosaumil Down vote reply of hellosaumil
Add a Comment
There is a related question https://developer.apple.com/forums/thread/653471 "Add UIKit view into iOS 14 Widget"

The reply: "UIKit views wrapped in UIViewRepresentable will not work in WidgetKit. When the views are encoded from your extension to be displayed they will appear blank. "


Posted by
randomdev
Up vote reply of randomdev Down vote reply of randomdev
Add a Comment
following but guessing this is an apple only thing that they might open up in official docs
Posted by
joon
Up vote reply of joon Down vote reply of joon
Add a Comment
前排插眼（谁说只能英文回复？）+1
Posted by
sunyawang1990@gmail.com
Up vote reply of sunyawang1990@gmail.com Down vote reply of sunyawang1990@gmail.com
Add a Comment 
Code Block swift
var body: some View {
        VStack{
            if self.family == .systemLarge {
                LargeEntryView()
            } else if self.family == .systemMedium {
                MediumView()
            } else {
                SmallView()
            }
        }.background(ContainerRelativeShape().fill(Color.init(.sRGB, red: 0.89, green: 0.89, blue: 0.89, opacity: 0.75)))
    }

works like charms.
Posted by
hite
Up vote reply of hite Down vote reply of hite
Add a Comment