Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @cawfree/react-native-lottie-files-picker with all npm packages installed. Try it out:

var reactNativeLottieFilesPicker = require("@cawfree/react-native-lottie-files-picker")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@cawfree/react-native-lottie-files-picker v1.0.9

A React Native List that supports the selection of beautiful Lottie Animations sourced by Lottie Files.

react-native-lottie-files-picker

A React Native List that supports the selection of beautiful Lottie Animations sourced by Lottie Files.

react-native-lottie-files-picker

🚀 Installing

Using npm:

npm install --save @cawfree/react-native-lottie-files-picker

Using yarn:

yarn add @cawfree/react-native-lottie-files-picker

👍 About

We have file browsers, camera roll viewers and emoji pickers. Why not let your users jazz up their content using Lottie Files, too? Animations are presented to the user via an <InfiniteList/>, from which the user can pick to browser from one of the recent, popular or featured animations using crawl-lottie-files.

✍️ Example

import React from 'react';
import { Alert } from 'react-native';
import LottieFilesPicker from '@cawfree/react-native-lottie-files-picker'

class AnimationScreen extends React.Component {
  render() {
    return (
      <LottieFilesPicker
        onSelect={({ path }) => {
          Alert.alert(`Looks like you picked ${path}. Nice choice.`);
        }}
      />
    );
  }
}

export default AnimationScreen;

Yup.

Special Thanks

Huge thank you to reallynattu and the team at LottieFiles for being super cool with open-source stuff. All credit for the embedded artwork and animation hosting goes utterly to them.

License

MIT

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free