我目前正在为我的新 iOS 14 应用程序创建一个小部件,当我尝试在图像顶部添加和覆盖文本时遇到了一个奇怪的问题。覆盖在空白 SwiftUI 项目上正常工作,但在小部件上不起作用。
您可以在下面找到我正在使用的代码。KFImage 来自 KingFisherSwiftUI,但如果你想测试它,你可以从 Asset 或 System 中添加一个静态 Image。
谢谢!
struct NewItems: View {
var body: some View {
KFImage(URL(string: "https://img.freepik.com/free-vector/triangular-dark-polygonal-background_23-2148261453.jpg?size=626&ext=jpg")! )
.resizable()
//.frame(width: 200, height: 200, alignment: .center)
.overlay(TextView(), alignment: .bottomTrailing)
.cornerRadius(20)
}
}
struct TextView: View {
var body: some View {
ZStack {
Text("Hello World Beautiful wallpaper")
.foregroundColor(.white)
.shadow(color: .black, radius: 1, x: 1.0, y: 1.0)
.padding(6)
.opacity(0.8)
}
.background(Color.black)
.cornerRadius(10)
.padding(3)
}
}
[编辑]
下面是代码的结果。看起来图像在文本的顶部,即使它应该在覆盖中。