Добавьте боковую панель в список элементов, чтобы перейти к алфавиту, выбранному в SwiftUI

Question

Я не уверен, каков фактический термин, но, пожалуйста, посмотрите на снимок экрана.

Я имею в виду A, B, C, D, E, ... на правой стороне списка.

Кто-нибудь знает, как сделать это в SwiftUI?

Answer 1

DIY! (копия - вставка - проверка) пример

import SwiftUI

struct ContentView: View {
    @State var sel: Int = 0
    let arr = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".map(String.init)
    var body: some View {
        VStack(alignment: .leading) {
            Text("selected: " + arr[sel]).padding().border(Color.red)
            HStack(alignment: .top) {

                // place holder
                Text(arr[sel]).font(.largeTitle).frame(maxWidth: .infinity, maxHeight: .infinity).background(Color.yellow.opacity(0.1))

                VStack {
                    ForEach(0 ..< arr.count) { (i) in
                        Text(self.arr[i]).onTapGesture {
                            self.sel = i
                        }.foregroundColor(Color.blue).padding(.trailing, 5)
                    }
                }
            }
            Spacer()
        }
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}