应用程序小部件仅在主屏幕上呈灰色

Question

我正在使用故事板制作一个应用程序，并稍后向其中添加小部件。 我的主屏幕上的小部件呈灰色。

在小部件抽屉中打开时看起来不错。

这是我的小部件 UI 代码

ZStack {
        Image(affirmationBGImage)
            .resizable()
            .scaledToFill()
            .edgesIgnoringSafeArea(.all)
        HStack {
            Spacer(minLength: 5)
            HStack {
                Text(affirmationText)
                    .font(.headline)
                    .foregroundColor(.black)
            }
            .background(Color.white.opacity(0.2))
            .cornerRadius(5)
            Spacer(minLength: 5)
        }
        .padding(0)
    }

这也是我的时间轴类代码

import WidgetKit
import SwiftUI
import Intents

struct Provider: IntentTimelineProvider {
    func placeholder(in context: Context) -> SimpleEntry {
        SimpleEntry(date: Date(), affirmationDetails: AffirmationWidgetDetails.random(), configuration: ConfigurationIntent())
    }
    
    func getSnapshot(for configuration: ConfigurationIntent, in context: Context, completion: @escaping (SimpleEntry) -> ()) {
        let entry = SimpleEntry(date: Date(), affirmationDetails: AffirmationWidgetDetails.random(), configuration: configuration)
        completion(entry)
    }
    
    func getTimeline(for configuration: ConfigurationIntent, in context: Context, completion: @escaping (Timeline<Entry>) -> ()) {
        var entries: [SimpleEntry] = []
        
        // Generate a timeline consisting of five entries an hour apart, starting from the current date.
        let currentDate = Date().zeroSeconds
        for hourOffset in 0 ..< 60 {
            let entryDate = Calendar.current.date(byAdding: .minute, value: hourOffset, to: currentDate!)!
            let entry = SimpleEntry(date: entryDate, affirmationDetails: AffirmationWidgetDetails.random(), configuration: configuration)
            entries.append(entry)
        }
        
        let timeline = Timeline(entries: entries, policy: .atEnd)
        completion(timeline)
    }
}

struct SimpleEntry: TimelineEntry {
    let date: Date
    let affirmationDetails: AffirmationWidgetDetails
    let configuration: ConfigurationIntent
}

struct AffirmationWidgetEntryView: View {
    
    var entry: Provider.Entry
    
    var body: some View {
        AffirmationWidgetView(affirmationDetails: entry.affirmationDetails)
    }
    
}

@main
struct AffirmationWidget: Widget {
    let kind: String = "AffirmationWidget"
    
    var body: some WidgetConfiguration {
        IntentConfiguration(
            kind: kind,
            intent: ConfigurationIntent.self,
            provider: Provider()
        ) { entry in
            AffirmationWidgetEntryView(entry: entry)
        }
        .configurationDisplayName("Random Affirmation")
        .description("Displays a widget with an affirmation")
        .supportedFamilies([.systemLarge, .systemMedium, .systemSmall])
    }
}

struct AffirmationWidget_Previews: PreviewProvider {
    static var previews: some View {
        AffirmationWidgetEntryView(entry: SimpleEntry(date: Date(), affirmationDetails: AffirmationWidgetDetails.random(), configuration: ConfigurationIntent()))
            .previewContext(WidgetPreviewContext(family: .systemSmall))
    }
}

所以我的问题是如何解决这个问题，以便它在主屏幕上正确显示，就像在小部件抽屉上显示的一样？

注意 它在模拟器上运行良好，但由于某种原因在设备上运行不正常。

Answer 1

小部件允许的内存是有限的，我减小了正在使用的图像文件的大小，现在工作正常。

Answer 2

iOS 扩展小工具（今日）灰色背景

Widget 有各种限制，如果您遇到其中之一，您会看到灰色背景

例如：

• 图片尺寸大，另外你可以找到下一个日志

[存档] 由于图像太大，小组件存档失败 [2] - (2317, 929)。

• 长时间执行。例如，如果您处理图像，可能需要很长时间，因此 - 灰色背景

[应用程序扩展（例如小部件又名“今天”、照片编辑...）]