react-native-svga-streamer

Cross-platform SVGA player for React Native with streaming-friendly fetching and progress events. Works in bare RN and in Expo (via config plugin / EAS). Starts playback as soon as data is available and reports onLoadProgress.

Installation

yarn add react-native-svga-streamer
cd ios && pod install && cd -

Usage

import { SVGAPlayer } from 'react-native-svga-streamer';

export default function Demo() {
  return (
    <SVGAPlayer
      style={{ width: 200, height: 200 }}
      source={{ uri: 'https://raw.githubusercontent.com/svga/SVGA-Samples/master/angel.svga' }}
      autoPlay
      onLoad={(meta) => console.log('loaded', meta)}
      onLoadProgress={(p) => console.log('progress', p)}
      onError={(e) => console.warn('error', e)}
      onFinished={() => console.log('finished')}
    />
  );
}

Props

• source: { uri, headers? } | number (required)
• autoPlay: boolean (default true)
• loops: number | 'infinite' (default 'infinite')
• speed: number (default 1)
• onLoad: (meta) => void
• onLoadProgress: (event) => void
• onError: (err) => void
• onFinished: () => void

Expo

• Managed apps: the package ships a minimal config plugin. Use EAS build.

Contributing

• Development workflow
• Sending a pull request
• Code of conduct

License

MIT

Made with create-react-native-library