javascript/rive-react
1
0
Fork 0
mirror of https://github.com/rive-app/rive-react.git synced 2026-03-13 08:22:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update animations on param change

Browse Source
This commit is contained in:
Arthur Vivian
2022-04-05 10:36:56 +01:00
committed by Arthur Vivian
parent 881e38fe6a
commit b13413ba8b
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/hooks/useRive.tsx
View File

@@ -165,7 +165,7 @@ export default function useRive(
const setCanvasRef: RefCallback<HTMLCanvasElement> = useCallback(
(canvas: HTMLCanvasElement | null) => {
if (canvas && riveParams) {
const {useOffscreenRenderer} = options;
const { useOffscreenRenderer } = options;
const r = new Rive({
useOffscreenRenderer,
...riveParams,
@@ -224,6 +224,17 @@ export default function useRive(
};
}, [rive]);
/**
* Listen for changes in the animations params
*/
const animations = riveParams?.animations;
useEffect(() => {
if (rive && animations) {
rive.stop(rive.animationNames);
rive.play(animations);
}
}, [animations, rive]);
const Component = useCallback((props: ComponentProps<'div'>): JSX.Element => {
return (
<RiveComponent