The "TextLayer" designated for center alignment is rendering shifted to the left.

[hohohaha-git]

Lottie is supported and developed on nights and weekends. Issues from Lottie sponsors will be prioritized.

If you don't use this template, your issue will be closed. Delete this text once completed.

Checklist

1. My animation doesn't use any unsupported features.
2. I know what part of my animation doesn't work.
3. I have created a simplified version of my animation
4. I have attached the AEP file (as a zip file so it can be attached) that only has the part of the animation that doesn't work.

Describe the bug
The "TextLayer" designated for center alignment is rendering shifted to the left.
Please test with attached jsons.

• test1 : no issue
• test2 : issue, I think the issue is occurring when having a mask or an image with text.

What version of Lottie did you test this on?
lottie-android 6.7.1
(6.5.0 works fine, no issue)

What version of Android did you test this on?
Android 16

Steps To Reproduce
Steps to reproduce the behavior:
Render the attached JSON (test1, test2) with LottieAnimationView.
Compare the results with the expected results in expected_*.mp4.
Observe the actual results in result_*.mp4, which are the results after rendering with LottieAnimationView.

Screenshots

lottie issue.zip

[LGTM-Lover]

Same here. Any workarounds for this?

[rixez]

I encountered the same problem.

I believe the issue is here:

lottie-android/lottie/src/main/java/com/airbnb/lottie/model/layer/TextLayer.java

Lines 358 to 363 in 05ea92e

	float lineWidth =
	(textAnimation == null &&
	textSizeCallbackAnimation == null &&
	trackingCallbackAnimation == null) ?
	line.width :
	fillPaint.measureText(line.text);

Your lottie file contains tracking information and since textAnimation is not null here, it will set the text width without considering the tracking information, shifting its off-centered.

I think the changes were made in this commit c21037f to fix the problem with emoji.

I will try to make a PR to address this issue.