Skip to content
Fuse Open implementation of Lottie Animation(http://airbnb.io/lottie)
Branch: master
Clone or download
AndrewEQ V1
Init
Latest commit 5826d21 Apr 2, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
Android
iOS
Lottie.uno
Lottie.unoproj
Lottie.ux
readme.md

readme.md

Fuse-Lottie

Install

  1. Add this source as a project of your fuse project e.g. MyApp/Projects/Fuse-Lottie.
  2. Add the following lines to your .unoproj, taking into account your project directory.
  "Projects": [
    "Projects/Fuse-Cocoapods/cocoapods_include.unoproj",
    "Projects/Fuse-Lottie/Lottie.unoproj"
  ]

Usage

  1. Copy your .json animations into a folder such as MyApp/Assets/Animations
  2. Add the following to your .unoproj to bundle the animations
"Includes": [
  "Assets/Animations/*.json:Bundle"
]
  1. Add the component to your UX markup (note: it will work on the device)
<NativeViewHost Width="100%" Height="320">
	<RBT.Animation.Lottie ux:Name="myPlayer" File="{urlToJSON}" ContentMode="{contentMode}" LoopAnimation="{loopAnimation}" Play="{play}" Pause="{pause}" Stop="{stop}" Progress="{progress}" AutoReverseAnimation="{autoReverseAnimation}" AnimationCompleted="{animationCompleted}" />
</NativeViewHost>

See Full Example App for available options.

Some Lottie Animation Notes

You can’t perform that action at this time.