End Of Year: Intro story design

[ashiagr]

📘 Project: #410

iOS PR: Automattic/pocket-casts-ios#448

Description

This PR

• Adds the final design for the Intro story. 8dfa151
• Tweaks how stories are presented on a tablet (or a large screen device). 0747890, e5aa429
• Adjusts snapshot to allow creating a bitmap for a view outside the visible area and allows scrolling the screen, keeping existing behavior to switch to other stories. 617555c, 3c829f7

Testing Instructions

Intro Story

The tests here are mainly visual. To provide a somewhat uniform experience some of the items of the story are calculated in weights, so they can appear more or less with the same size on different screens.

1. Set END_OF_YEAR_ENABLED feature flag to true in base.gradle
2. Run the app and make sure you're logged in to an account with a few items on Listening History
3. When the prompt appears, tap "View My 2022"
4. ✅ Check the design of the first story

Tablet

1. Set END_OF_YEAR_ENABLED feature flag to true in base.gradle
2. Run the app and make sure you're logged in to an account with a few items on Listening History
3. When the prompt appears, tap "View My 2022"
4. ✅ Notice that stories don't appear full screen, instead they're presented in the center of the screen

Screenshots or Screencast

Phone

Tablet (Nexus 9)

Checklist

• If this is a user-facing change, I have added an entry in CHANGELOG.md
• I have considered whether it makes sense to add tests for my changes
• All strings that need to be localized are in modules/services/localization/src/main/res/values/strings.xml
• Any jetpack compose components I added or changed are covered by compose previews

I have tested any UI changes...

• with different themes
• with a landscape orientation
• with the device set to have a large display and font size
• for accessibility with TalkBack

[geekygecko]

That looks awesome. I wonder if the image and message should come down a little but I don't mind if you want to leave them there.

[ashiagr]

I wonder if the image and message should come down a little but I don't mind if you want to leave them there.

It looked cluttered on a smaller device if I do that, but I'll reconsider it in a future PR.