WidgetKit development experiment in LINE

All About WidgetKit
WidgetKit development experiment in LINE by Lin, Kuan-Wei
Event: https://cocoaheads-taipei.kktix.cc/events/20211209

Transcript

1. Lin, Kuan-Wei All About WidgetKit WidgetKit development experiment in LINE
2. About Me Lin, Kuan-Wei LINE 購物 LINE LINE iOS Developer
3. • WidgetKit Walkthrough • About Widget Reloads • iOS 15 For WidgetKit
4. LINE NEWS LINE TODAY Taiwan, Thailand, Indonesia, Hong Kong, Macau Japan
5. LINE Developer Driven Culture • News Widget • Developer’s proposal along with other features • Cross team communication • Documentation • Agility
6. Documentation Feature document for development Feature proposal from developers Study / Learning / experience for developers Low High Complexity
8. Example Flow https://developer.apple.com/documentation/widgetkit/keeping-a-widget-up-to-date
9. Apple Sample Code import WidgetKit struct SimpleEntry: TimelineEntry { let date: Date } struct Provider: TimelineProvider { func placeholder(in context: Context) -> SimpleEntry { SimpleEntry(date: Date()) } func getSnapshot(in context: Context, completion: @escaping (SimpleEntry) -> ()) { let entry = SimpleEntry(date: Date()) completion(entry) } func getTimeline(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() for hourOffset in 0 ..< 5 { let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)! let entry = SimpleEntry(date: entryDate) entries.append(entry) } let timeline = Timeline(entries: entries, policy: .atEnd) completion(timeline) } }
10. Apple Sample Code import WidgetKit struct SimpleEntry: TimelineEntry { let date: Date } struct Provider: TimelineProvider { func placeholder(in context: Context) -> SimpleEntry { SimpleEntry(date: Date()) } func getSnapshot(in context: Context, completion: @escaping (SimpleEntry) -> ()) { let entry = SimpleEntry(date: Date()) completion(entry) } func getTimeline(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() for hourOffset in 0 ..< 5 { let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)! let entry = SimpleEntry(date: entryDate) entries.append(entry) } let timeline = Timeline(entries: entries, policy: .atEnd) completion(timeline) } }
11. Apple Sample Code import WidgetKit struct SimpleEntry: TimelineEntry { let date: Date } struct Provider: TimelineProvider { func placeholder(in context: Context) -> SimpleEntry { SimpleEntry(date: Date()) } func getSnapshot(in context: Context, completion: @escaping (SimpleEntry) -> ()) { let entry = SimpleEntry(date: Date()) completion(entry) } func getTimeline(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() for hourOffset in 0 ..< 5 { let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)! let entry = SimpleEntry(date: entryDate) entries.append(entry) } let timeline = Timeline(entries: entries, policy: .atEnd) completion(timeline) } }
12. Apple Sample Code import WidgetKit struct SimpleEntry: TimelineEntry { let date: Date } struct Provider: TimelineProvider { func placeholder(in context: Context) -> SimpleEntry { SimpleEntry(date: Date()) } func getSnapshot(in context: Context, completion: @escaping (SimpleEntry) -> ()) { let entry = SimpleEntry(date: Date()) completion(entry) } func getTimeline(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() for hourOffset in 0 ..< 5 { let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)! let entry = SimpleEntry(date: entryDate) entries.append(entry) } let timeline = Timeline(entries: entries, policy: .atEnd) completion(timeline) } }
13. @main struct MyWidget: Widget { let widgetKind: String = "MyWidget" var body: some WidgetConfiguration { StaticConfiguration(kind: widgetKind, provider: Provider()) { entry in WidgetEntryView(entry: entry) } .configurationDisplayName("My Widget") .description("This is an example widget.") } } Apple Sample Code
14. @main struct MyWidget: Widget { let widgetKind: String = "MyWidget" var body: some WidgetConfiguration { StaticConfiguration(kind: widgetKind, provider: Provider()) { entry in WidgetEntryView(entry: entry) } .configurationDisplayName("My Widget") .description("This is an example widget.") } } Apple Sample Code
20. About Widget Reloads
25. iOS 15 for WidgetKit
61. iOS 15 For LINE News Widget
62. Widget Suggestion Released iOS 14 Manually add widget iOS 15 Widget Suggestion
63. Siri Suggestion for News Tab Lock Screen Search Siri Suggestion Siri Suggestion Widget Released
64. Widget New Installed Growth Trend After Widget Suggestion released
65. Debugging • Open Developer Mode for WidgetKit, Shortcuts, and Display Donations • It still take times for developer to verify the donation result for Widget Suggestion
66. 2022 Hiring Program
67. Thank you