Apple Music » Making the “For You” screen scrollable

Making the “For You” screen scrollable

The $.For_you artboard is off-screen, to the right, so we bring it over by changing its x position:

$.For_you.x = 0

We make it scrollable by wrapping it, as we did with the “Library” screen.

scroll_for_you = ScrollComponent.wrap $.For_you

Again, a few tweaks to the ScrollComponent:

scroll_for_you.props =
    scrollHorizontal: no
    contentInset:
        bottom: $.Tabs.height + 40
Download Framer project

(Instead of writing separate lines you can set several properties at once on props.)

The “For You” screen is now scrollable