SwiftUI: обнаружение изменения выбора в NavigationView на tvOS - PullRequest
Новая
       63

SwiftUI: обнаружение изменения выбора в NavigationView на tvOS

0 голосов
/ 19 июня 2020

Я создаю приложение SwiftUI для tvOS и в настоящее время пытаюсь реализовать пользовательский интерфейс. У меня есть NavigationView внизу и метка вверху, и я хочу, чтобы метка показывала, какая NavigationLink в настоящее время находится в фокусе. Вот мой код: 

@State private var selection: String? = nil

. 

ZStack {

    Color.red.edgesIgnoringSafeArea(.all)

    VStack {

            Text(selection ?? "no value").background(Color.green)

            NavigationView {
                ScrollView(.horizontal) {
                    HStack{

                        VStack {
                            NavigationLink(destination: view2, tag: "1", selection: $selection) {
                            Image("placeholder")
                                .scaledToFit().frame(width:400, height: 225) }
                            Text("Button")
                        }

                        VStack {
                            NavigationLink(destination: view2, tag: "2", selection: $selection) {
                            Image("placeholder")
                                .scaledToFit().frame(width:400, height: 225) }
                            Text("Button")

                        }

                        ...
                                                           }

                    }.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .bottomLeading)
                }
             }
            }
  }

Однако значение метки не меняется, когда я меняю выбор и не показывает значения:

enter image description here

Есть идеи, что мне там делать?

1 Ответ

0 голосов
/ 20 июня 2020

Я считаю, что ваш Image является эффектом выбора вашего NavigationLink, простым исправлением будет добавление .padding() к вашему изображению. Здесь - несколько хороших примеров, которые вы можете использовать для настройки выбора NavigationLink. В частности, .buttonStyle из NavigationLink.

enter image description here

     var body: some View {
    ZStack {
        VStack{
            NavigationView {
                ScrollView(.horizontal){
                    HStack(spacing: 90) {
                        VStack{

                            NavigationLink(destination: ResultView(choice: "Chaka")) {
                                Image("chaka")
                                    .scaledToFit()
                                    .frame(width:400, height: 225)
                                    .padding(20)


                                Text("Choose Chaka")
                            }
                        }

                        VStack{
                            NavigationLink(destination: ResultView(choice: "Dr Rick Marshall")) {
                                Image("rick_marshall")
                                    .scaledToFit().frame(width:400, height: 225)
                                    .frame(width:400, height: 225)
                                    .padding(20)

                                Text("Padding 20").foregroundColor(Color.white)

                            } .buttonStyle(DefaultButtonStyle()) // buttonStyle allows for selection customiaztion ie color
                        }

                        VStack{
                            NavigationLink(destination: ResultView(choice: "Will Stanton")) {
                                Image("danny_mcBride")
                                    .scaledToFit().frame(width:400, height: 225)
                                    .frame(width:400, height: 225)


                                Text("No Padding").foregroundColor(Color.white)

                            } .buttonStyle(DefaultButtonStyle())
                        }
                    }.padding(60) // allows for selection pop out effect to be seen
                }
                .navigationBarTitle("Navigation")
            }
        }
    }
}
...