bs-lottie-react-native

Lottie React Native bindings for Bucklescript

Usage no npm install needed!

<script type="module">
  import bsLottieReactNative from 'https://cdn.skypack.dev/bs-lottie-react-native';
</script>

README

bs-lottie-react-native

BuckleScript bindings for Lottie for React Native

npm (scoped)

Example

See packages/ReasonableLottie. It's the original lottie-react-native example recreated in ReasonML.

TL;DR

open ReactNative;

[@react.component]
let make = () => {
  <Lottie source=(Required(Packager.require("./animation.json"))) />
};

Installation

Setup your React Native project according to http://airbnb.io/lottie/react-native/react-native.html

Install this bindings with its peer dependencies

yarn add bs-lottie-react-native reason-react-native reason-react

Add bs-lottie-react-native (and "reaon-react-native", "reason-react" if they arent't there yet) to bs-dependencies in your bsconfig.json

{
  "bs-dependencies": [
    "reason-react",
    "reason-react-native",
    "bs-lottie-react-native"
  ]
}