Lottie Animation Drawable Renders Incorrectly Inside a Floating Action Button on Android 5

loading_animation.zip

I’m trying to set a **LottieDrawable** as image drawable for a FloatingActionButton. The problem comes when I try to run the code on an Android 5 device: the animation is not centered within the button as it is in Android >= 6. Somehow it is losing padding or margin. Anyone has an answer for this problem or maybe an workaround?

val lottieDrawable = LottieDrawable()

LottieCompositionFactory.fromRawRes(context, R.raw.loading_anim).addListener { lottieComposition ->
     lottieDrawable.composition = lottieComposition
     lottieDrawable.scale = 0.5F
     lottieDrawable.repeatCount = LottieDrawable.INFINITE
     lottieDrawable.playAnimation()
}

floatingActionButton.setImageDrawable(lottieDrawable)

Expected output (works correctly on Android 6,7,8,9,Q):

Actual output (Android 5):

[gpeal]

@LucianIacob it’s likely a bug on FloatingActionButton but if you set the animation after it is laid out, it works.

[nangonghuang]

have you set fab size in xml ? maybe you can try

android:scaleType="centerInside"
app:fabCustomSize="50dp"

instead of set layout_width and layout_height