ScrollView inside RTL NavigationStack.

Question

3esam OP

Created Apr ’23

Replies 3

Boosts 2

Participants 3

Apparently ScrollView inside RTL NavigationStack has a bug. iOS 16.4 and Xcode 14.3. (iOS 16.3 works fine)

var body: some View {
        NavigationStack {
            ScrollView(.horizontal) {
                HStack {
                    &#x2F;&#x2F; given that items width smaller than scrollview width
                    ForEach(0..&lt;5) {
                        Text("\($0)")
                            .padding(.horizontal)
                    }
                }
            }
            .navigationTitle("ScrollView RTL NavigationStack")
        }
        .environment(\.layoutDirection, .rightToLeft)
    }

The issue is animation bug where is jumps as if starting position is left, then jumps back to the expected starting position of right.

Boost

Answer 1

mesheilah OP

Apr ’23

I have the same issue .. did you find a workaround for it ?

1

Answer 2

3esam OP

Apr ’23

I found this this modifier on any scrolling view... iOS Deployment target should be 16.4.

.scrollBounceBehavior(.basedOnSize, axes: .horizontal)

Another ugly workaround:

@State private var contentLargerThanScrollView = false
GeometryReader { reader in
    ScrollView(.horizontal) {
        HStack {
            ForEach(0..&lt;15) {
                Text("\($0)")
                    .padding(.horizontal)
            }
        }.background(
            GeometryReader { proxy in
                Color.clear.onAppear { contentLargerThanScrollView = proxy.size.width > reader.size.width }
            }
        )
    }
    .disabled(!contentLargerThanScrollView)
}

1

Answer 3

mouness2020 OP

May ’23

I have the same issue .. I hope in the future scrollview will support rtl without any workaround.

0