With the following two views:
struct ConfigureView: View {
var body: some View {
GeometryReader { geometry in
VStack {
Form {
NavigationLink("Show Nothing 01", destination: Text("Nothing").focusable())
NavigationLink("Show Nothing 02", destination: Text("Nothing").focusable())
NavigationLink("Show Nothing 03", destination: Text("Nothing").focusable())
NavigationLink("Show Nothing 04", destination: Text("Nothing").focusable())
NavigationLink {
Text("Nothing").focusable()
} label: {
Label("Work Folder", systemImage: "folder")
}
}
}
}
.navigationBarHidden(true)
}
}
#Preview {
ConfigureView()
}
// And ...
struct SettingsView: View {
var body: some View {
HStack(alignment: .top, spacing: 0) {
Rectangle().fill(Color.red).frame(width: 200, height: 10).padding(30)
ConfigureView().frame(minWidth: 700, maxWidth: 840)
}
}
}
#Preview {
SettingsView()
}
Using tvOS 17 the NavigationLink button is partially clipped on the left side when in the selected state. This is not an issue with previous releases.
Selecting any option will automatically load the page