How to implement vertical scroll page on watchOS with SwiftUI

Question

haozes OP

Created Oct ’22

Replies 1

Boosts 0

Views 1.3k

Participants 1

I want to implement a vertical scroll page like system workout app.

Now I can get a similar effect with this:

    TabView {
      page1
        .rotationEffect(.degrees(90))
      page2
        .rotationEffect(.degrees(90))
    }.tabViewStyle(.page(indexDisplayMode: .automatic))
    .rotationEffect(.degrees(-90))

But not good as system workout app does. It supports digital crown and dynamic show indicator and custom color.

Simulator Screen Shot - Apple Watch Series 8 (45mm) - 2022-10-14 at 15.29.50.png

So , how to implement that vertical scroll effect?

Boost

Answer 1

haozes OP

Oct ’22

https://github.com/fredyshox/PageView

This repo works well except crown supports.

0