fix: rename src -> source to be compliant with other libraries

margelo · Dec 12, 2023 · 488a84f · 488a84f
1 parent b171da1
commit 488a84f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -26,7 +26,7 @@ import HandsLottie from './Hands.json';
 export default function App() {
   return (
     <SafeAreaView style={styles.flex1}>
-      <SkiaSkottieView style={styles.flex1} src={HandsLottie} />
+      <SkiaSkottieView style={styles.flex1} source={HandsLottie} />
     </SafeAreaView>
   );
 }

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -26,7 +26,7 @@ function SkottieAnimation({ source }: { source: AnimationObject }) {
     <SkiaSkottieView
       resizeMode="contain"
       style={styles.flex1}
-      src={source}
+      source={source}
       autoPlay={true}
       loop={true}
     />
@@ -72,7 +72,7 @@ function SkottieImperativeAPI({ source }: { source: AnimationObject }) {
         ref={skottieRef}
         resizeMode="contain"
         style={styles.flex1}
-        src={source}
+        source={source}
         loop={true}
       />
     </View>

diff --git a/src/SkiaSkottieView.tsx b/src/SkiaSkottieView.tsx
@@ -24,7 +24,7 @@ import { Image } from 'react-native';
 export type ResizeMode = 'cover' | 'contain' | 'stretch';
 
 export type SkiaSkottieViewProps = NativeSkiaViewProps & {
-  src: number | string | AnimationObject;
+  source: number | string | AnimationObject;
 
   /**
    * A boolean flag indicating whether or not the animation should start automatically when
@@ -81,12 +81,12 @@ export const SkiaSkottieView = React.forwardRef<
   //#region Compute values
   const source = useMemo(() => {
     let _source: string | { sourceDotLottieURI: string };
-    if (typeof props.src === 'string') {
-      _source = props.src;
-    } else if (typeof props.src === 'object') {
-      _source = JSON.stringify(props.src);
-    } else if (typeof props.src === 'number') {
-      const uri = Image.resolveAssetSource(props.src)?.uri;
+    if (typeof props.source === 'string') {
+      _source = props.source;
+    } else if (typeof props.source === 'object') {
+      _source = JSON.stringify(props.source);
+    } else if (typeof props.source === 'number') {
+      const uri = Image.resolveAssetSource(props.source)?.uri;
       if (uri == null) {
         throw Error(
           '[react-native-skottie] Invalid src prop provided. Cant resolve asset source.'
@@ -97,7 +97,7 @@ export const SkiaSkottieView = React.forwardRef<
       throw Error('[react-native-skottie] Invalid src prop provided.');
     }
     return _source;
-  }, [props.src]);
+  }, [props.source]);
 
   const skottieAnimation = useMemo(() => {
     if (typeof source === 'string') {