Flutter Live Activities

1. Add a Widget to the iOS project

2. EditRunner/Info.plist andlive_activity_test/Info.plist

<plistversion="1.0"><dict>    ...<key>NSSupportsLiveActivities</key><true/>    ...</dict></plist>

3. Create a data channel in widget swift file

import ActivityKitimport SwiftUIimport WidgetKit// Custom data modelstructTestData{vartext:Stringinit?(JSONData data:[String:String]){self.text=data["text"]??""}init(text:String){self.text= text}}// Data channel  <-  Must!structFlutterLiveActivities:ActivityAttributes,Identifiable{publictypealiasLiveData=ContentStatepublicstructContentState:Codable,Hashable{vardata:[String:String]}varid=UUID()}@available(iOSApplicationExtension16.1,*)structlive_activity_testLiveActivity:Widget{varbody:someWidgetConfiguration{        // BindingActivityConfiguration(for:FlutterLiveActivities.self){ contextin            // Lock screen/banner UI goes here            // Json to modelletdata=TestData(JSONData: context.state.data)            // UIVStack{Text(data?.text??"")}.activityBackgroundTint(Color.cyan).activitySystemActionForegroundColor(Color.black)} dynamicIsland:{ contextin            // Json to modelletdata=TestData(JSONData: context.state.data)            // DynamicIslandreturnDynamicIsland{                // Expanded UI goes here.  Compose the expanded UI through                // various regions, like leading/trailing/center/bottomDynamicIslandExpandedRegion(.leading){Text("Leading")}DynamicIslandExpandedRegion(.trailing){Text("Trailing")}DynamicIslandExpandedRegion(.bottom){                    // Show data from flutterText(data?.text??"")}} compactLeading:{Text("L")} compactTrailing:{Text("T")} minimal:{Text("Min")}.keylineTint(Color.red)}}}

4. APIs

import'package:flutter_live_activities/flutter_live_activities.dart';...finalFlutterLiveActivities _liveActivities=FlutterLiveActivities();String? _activityId;

await _liveActivities.areActivitiesEnabled();

await _liveActivities.getInitUri()

_activityId=await _liveActivities.createActivity(<String,String>{'text':'Hello World'});

if(_activityId!=null) {await _liveActivities.updateActivity(_activityId!,<String,String>{'text':'Update Hello World'});}

if(_activityId!=null) {await _liveActivities.endActivity(_activityId!);}

await _liveActivities.endAllActivities();

await _liveActivities.getAllActivities()

5. Deeplink

@available(iOSApplicationExtension16.1,*)structlive_activity_testLiveActivity:Widget{varbody:someWidgetConfiguration{ActivityConfiguration(for:FlutterLiveActivities.self){ contextinletdata=TestData(JSONData: context.state.data)            // Lock screen/banner UI goes hereVStack(alignment:.leading){Text(data?.text??"")HStack{                    // Create an action via `Link`Link(destination:URL(string:"fla://xx.xx/tap/A")!){Text("A").frame(width:40, height:40).background(.blue)}                    // Create an action via `Link`Link(destination:URL(string:"fla://xx.xx/tap/B")!){Text("B").frame(width:40, height:40).background(.blue)}                    // Create an action via `Link`Link(destination:URL(string:"fla://xx.xx/tap/C")!){Text("C").frame(width:40, height:40).background(.blue)}}.frame(width:.infinity, height:.infinity)}.padding(20).activityBackgroundTint(Color.cyan).activitySystemActionForegroundColor(Color.black)} dynamicIsland:{ contextinletdata=TestData(JSONData: context.state.data)returnDynamicIsland{DynamicIslandExpandedRegion(.bottom){                    // Create an action via `Link`Link(destination:URL(string:"fla://xxxxxxx.xxxxxx")!){Text(data?.text??"").background(.red)}}} compactLeading:{Text("L")} compactTrailing:{Text("T")} minimal:{Text("Min")}.widgetURL(URL(string:"fla://www.apple.com")) // or use widgetURL.keylineTint(Color.red)}}}

_subscription??= _liveActivities.uriStream().listen((String? uri) {    dev.log('deeplink uri: $uri');});

6. Display image

Future<void>_sendImageToGroup()async {constString url='https://cdn.iconscout.com/icon/free/png-256/flutter-2752187-2285004.png';finalString? path=awaitImageHelper.getFilePathFromUrl(url);if (path!=null) {        _liveActivities.sendImageToGroup(            id:'test-img',            filePath: path,            groupId:'group.live_example',        );    }}

DynamicIslandExpandedRegion(.leading){iflet imageContainer=FileManager.default.containerURL(forSecurityApplicationGroupIdentifier:"group.live_example")?.appendingPathComponent("test-img"), /// Use id herelet uiImage=UIImage(contentsOfFile: imageContainer.path()){Image(uiImage: uiImage).resizable().frame(width:53, height:53).cornerRadius(13)}else{Text("Leading")}}