Add playbackProgress and accessoryImage to listItem

codevise · Jan 25, 2024 · 84fccb1 · 84fccb1
1 parent 985bb0d
commit 84fccb1
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/packages/react-native-carplay/ios/RNCarPlay.m b/packages/react-native-carplay/ios/RNCarPlay.m
@@ -630,6 +630,12 @@ - (void)updateItemImageWithURL:(CPListItem *)item imgUrl:(NSString *)imgUrlStrin
         if (config[@"isPlaying"]) {
             [item setPlaying:[RCTConvert BOOL:config[@"isPlaying"]]];
         }
+        if (@available(iOS 14.0, *) && config[@"playbackProgress"]) {
+            [item setPlaybackProgress:[RCTConvert CGFloat:config[@"playbackProgress"]]];
+        }
+        if (@available(iOS 14.0, *) && config[@"accessoryImage"]) {
+            [item setAccessoryImage:[RCTConvert UIImage:config[@"accessoryImage"]]];
+        }
     } else {
         NSLog(@"Failed to find template %@", template);
     }
@@ -983,6 +989,12 @@ - (void) applyConfigForMapTemplate:(CPMapTemplate*)mapTemplate templateId:(NSStr
         if ([item objectForKey:@"isPlaying"]) {
             [_item setPlaying:[RCTConvert BOOL:[item objectForKey:@"isPlaying"]]];
         }
+        if (@available(iOS 14.0, *) && [item objectForKey:@"playbackProgress"]) {
+            [_item setPlaybackProgress:[RCTConvert CGFloat:[item objectForKey:@"playbackProgress"]]];
+        }
+        if (@available(iOS 14.0, *) && [item objectForKey:@"accessoryImage"]) {
+            [_item setAccessoryImage:[RCTConvert UIImage:[item objectForKey:@"accessoryImage"]]];
+        }
         if (item[@"imgUrl"]) {
             NSString *imgUrlString = [RCTConvert NSString:item[@"imgUrl"]];
             [self updateItemImageWithURL:_item imgUrl:imgUrlString];

diff --git a/packages/react-native-carplay/package.json b/packages/react-native-carplay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-carplay",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "CarPlay for React Native",
   "main": "lib/index.js",
   "react-native": "src/index.ts",

diff --git a/packages/react-native-carplay/src/interfaces/ListItem.ts b/packages/react-native-carplay/src/interfaces/ListItem.ts
@@ -28,4 +28,12 @@ export interface ListItem {
    * Is Playing flag.
    */
   isPlaying?: boolean;
+  /**
+   * Value between 0.0 and 1.0 for progress bar of the list item cell.
+   */
+  playbackProgress?: number;
+  /**
+   * The image from file system displayed on the trailing edge of the list item cell.
+   */
+  accessoryImage?: ImageSourcePropType;
 }