@granite-js/lottie 1.0.15 → 1.0.17

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @granite-js/lottie
 
+## 1.0.17
+
+### Patch Changes
+
+- 98f8db8: Add duration prop support for Android native view
+
+## 1.0.16
+
 ## 1.0.15
 
 ## 1.0.14

package/android/src/main/java/run/granite/lottie/GraniteLottieProvider.kt

@@ -91,7 +91,8 @@ data class GraniteLottieLoadConfig(
     var enableMergePaths: Boolean = false,
     var enableSafeMode: Boolean = false,
     var hardwareAcceleration: Boolean = false,
-    var imageAssetsFolder: String? = null
+    var imageAssetsFolder: String? = null,
+    var duration: Float? = null
 )
 
 /**

package/android/src/main/java/run/granite/lottie/GraniteLottieView.kt

@@ -154,6 +154,10 @@ class GraniteLottieView(context: Context) : FrameLayout(context), GraniteLottieL
         config.imageAssetsFolder = folder
     }
 
+    fun setDuration(duration: Double) {
+        config.duration = if (duration > 0) duration.toFloat() else null
+    }
+
     fun setColorFilters(filters: List<Map<String, Any>>?) {
         if (filters != null) {
             config.colorFilters = filters.mapNotNull { filter ->

package/android/src/main/java/run/granite/lottie/GraniteLottieViewManager.kt

@@ -112,6 +112,11 @@ class GraniteLottieViewManager : SimpleViewManager<GraniteLottieView>(),
         view.setCacheComposition(value)
     }
 
+    @ReactProp(name = "duration")
+    override fun setDuration(view: GraniteLottieView, value: Double) {
+        view.setDuration(value)
+    }
+
     // Filter props
     @ReactProp(name = "colorFilters")
     override fun setColorFilters(view: GraniteLottieView, value: ReadableArray?) {

package/dist/module/GraniteLottieViewNativeComponent.ts

@@ -49,6 +49,7 @@ export interface NativeProps extends ViewProps {
   // Animation control
   progress?: Float;
   speed?: Double;
+  duration?: Double;
   loop?: WithDefault<boolean, true>;
   autoPlay?: WithDefault<boolean, false>;
 

package/dist/typescript/GraniteLottieViewNativeComponent.d.ts

@@ -27,6 +27,7 @@ export interface NativeProps extends ViewProps {
     sourceDotLottieURI?: string;
     progress?: Float;
     speed?: Double;
+    duration?: Double;
     loop?: WithDefault<boolean, true>;
     autoPlay?: WithDefault<boolean, false>;
     resizeMode?: WithDefault<string, 'contain'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/lottie",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "Pluggable Lottie animation component for React Native",
   "type": "module",
   "main": "./dist/module/index.js",

package/src/GraniteLottieViewNativeComponent.ts

@@ -49,6 +49,7 @@ export interface NativeProps extends ViewProps {
   // Animation control
   progress?: Float;
   speed?: Double;
+  duration?: Double;
   loop?: WithDefault<boolean, true>;
   autoPlay?: WithDefault<boolean, false>;