@shopify/react-native-skia 0.1.190 → 0.1.192

package/src/views/SkiaDomView.web.tsx

@@ -1,6 +1,7 @@
 import { Skia } from "../skia";
 import type { SkCanvas } from "../skia/types";
 import { JsiDrawingContext } from "../dom/types/DrawingContext";
+import { isValue } from "../renderer/processors/Animations/Animations";
 
 import { SkiaBaseWebView } from "./SkiaBaseWebView";
 import type { SkiaDomViewProps, TouchInfo } from "./types";
@@ -16,7 +17,11 @@ export class SkiaDomView extends SkiaBaseWebView<SkiaDomViewProps> {
     }
     if (this.props.onSize) {
       const { width, height } = this.getSize();
-      this.props.onSize.current = { width, height };
+      if (isValue(this.props.onSize)) {
+        this.props.onSize.current = { width, height };
+      } else {
+        this.props.onSize.value = { width, height };
+      }
     }
     if (this.props.root) {
       const ctx = new JsiDrawingContext(Skia, canvas);

package/src/views/types.ts

@@ -9,6 +9,7 @@ import type {
   SkSize,
 } from "../skia/types";
 import type { SkiaMutableValue, SkiaValue } from "../values";
+import type { SharedValueType } from "../renderer/processors/Animations/Animations";
 
 export type DrawMode = "continuous" | "default";
 
@@ -97,7 +98,7 @@ export interface SkiaBaseViewProps extends ViewProps {
    * Pass an animated value to the onSize property to get updates when
    * the Skia view is resized.
    */
-  onSize?: SkiaMutableValue<SkSize>;
+  onSize?: SkiaMutableValue<SkSize> | SharedValueType<SkSize>;
 }
 
 export interface SkiaDrawViewProps extends SkiaBaseViewProps {