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

request instance of rive file

Browse Source
This commit is contained in:
Hernan Torrisi
2024-05-24 14:16:19 -07:00
committed by hernan
parent 0e0a2bd972
commit e3739f1a1f
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/hooks/useRiveFile.ts
View File

@@ -25,7 +25,11 @@ function useRiveFile(params: UseRiveFileParameters): RiveFileState {
const loadRiveFile = async () => {
setStatus('loading');
file = new RiveFile(params);
file.init();
file.on(EventType.Load, () => {
// We request an instance to add +1 to the referencesCount so it doesn't get destroyed
// while this hook is active
file?.getInstance();
setRiveFile(file);
setStatus('success');
});
@@ -38,9 +42,7 @@ function useRiveFile(params: UseRiveFileParameters): RiveFileState {
loadRiveFile();
return () => {
if (file) {
file.cleanup();
}
file?.cleanup();
};
}, [params.src, params.buffer]);

4
src/types.ts
View File

@@ -42,7 +42,9 @@ export type RiveState = {
RiveComponent: (props: ComponentProps<'canvas'>) => JSX.Element;
};
export type UseRiveFileParameters = RiveFileParameters;
export type UseRiveFileParameters = Partial<
Omit<RiveFileParameters, 'onLoad' | 'onLoadError'>
>;
export type FileStatus = 'idle' | 'loading' | 'failed' | 'success';