Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

resizeMode cover not working in IOS (Dot Lottie) #1114

Closed
saurabhkanswal opened this issue Oct 5, 2023 · 8 comments · Fixed by #1144
Closed

resizeMode cover not working in IOS (Dot Lottie) #1114

saurabhkanswal opened this issue Oct 5, 2023 · 8 comments · Fixed by #1144

Comments

@saurabhkanswal
Copy link

Hey,
i am using below version
"lottie-ios": "4.3.0",
"lottie-react-native": "6.3.0",

passing resizeMode "cover" is not working.
Also we have tried downgrading/upgrading both packages, but resizeMode cover is not working.

File

@saurabhkanswal saurabhkanswal changed the title resizeMode cover not working resizeMode cover not working in IOS Oct 5, 2023
@saurabhkanswal
Copy link
Author

Also its only happening for IOS. And working fine when we are using .json file.
But for .lottie its not working in ios.

@saurabhkanswal saurabhkanswal changed the title resizeMode cover not working in IOS resizeMode cover not working in IOS (Dot Lottie) Oct 5, 2023
@saurabhkanswal
Copy link
Author

Screenshot 2023-10-05 at 11 52 53 PM

Although sometime its working as expected, when i save my file.

@HaidarZ
Copy link

HaidarZ commented Oct 8, 2023

Same issue here (only iOS), it works for the first time, then when getting back to the page it doesn't recognize the resizeMode.

@EGurney
Copy link

EGurney commented Oct 16, 2023

I'm finding that the resizeMode prop is inconsistent. While developing alongside an emulator, I am not seeing the prop being used as expected.

For example:

  • I style the lottie component to take up the full screen.
  • I set a background color to ensure it is taking up the full area as expected.
  • if I set resizeMode to "cover", the animation does not cover the full area. If I then set the prop to "center", save and let the emulator reload, then set the prop back to "cover", the animation updates to take up the full width as initially expected.

Using a .json version works as intended.

@Bowlerr
Copy link

Bowlerr commented Oct 16, 2023

@EGurney I am getting this exact issue too.
I am using a .json though

@EGurney
Copy link

EGurney commented Oct 16, 2023

@EGurney I am getting this exact issue too. I am using a .json though

Welp, that's terrifying! haha

@xeroxoid
Copy link

Same here, seems to work with .json but not with .lottie

@matinzd
Copy link
Collaborator

matinzd commented Dec 19, 2023

Is the new arch turned on?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants