ANDROID-14761 Fix Image size of EmptyStateScreenView when it's IMAGE_SIZE_FULL_WIDTH

[jeprubio]

🥅 What's the goal?

In EmptyStateScreenView when the image type is IMAGE_SIZE_FULL_WIDTH it loads the image in full width but it doesn't use the ratio of 16:9 to assign the height. As it's also using ScaleType.CENTER_CROP as scale type it results in the image being cropped.

🚧 How do we do it?

• In order to not having to add a GlobalLayoutListener in order to calculate the height async that would result in the image blinking the simplest way is to update the layout so that the image is inside a ConstraintLayout instead of a LinearLayout and that way the aspect ratio can be used to get the height.

☑️ Checks

• I updated the documentation, including readmes and wikis. If this is a breaking change, tag the PR with "Breaking Change" label and remember to include breaking change migration guide in release notes where this version is released.
• Tested with dark mode.
• Tested with API 24.

🧪 How can I test this?

before:

after:

And when applied to vivo:

Before	After

• Mistica App QR or download link
• Reviewed by Mistica design team

[github-actions]

📱 New catalog for testing generated: Download

[yceballost]

nice :)

[dpastor]

Ok! 👍

[pmartinbTEF]

Nice! Did you try with vertical images? Did you try in api 24 device?

[jeprubio]

Nice! Did you try with vertical images? Did you try in api 24 device?

According to the specs it's only 16:9 images this type, I also checked the other types of images after doing the changes. I'm having trouble to create the api 24 emulator but I'll try again. By the way, shouldn't it be 25? I think we were going to set min api 25 everywhere.

[jeprubio]

Checked on both, api 24 and 25 as well.