Итак, я использую SwiftUI и у меня есть окно ползунка / боковое меню. Когда я запускаю слайдер, он оказывается поверх экрана и занимает примерно половину ширины экрана. Он предоставляет пользователю несколько вариантов. Когда я щелкаю элемент в этом меню, новое представление отображается внутри окна меню ползунка с половинной шириной. Я хочу, чтобы он закрыл ползунок, а затем вместо этого запустил новый полноэкранный режим. Нужна помощь.
Вот слайдер в действии ...
Когда я нажимаю один из вариантов, соответствующий вид находится в окне ползунка и остается на половине ширины экрана. Я хочу, чтобы ползунок убирался, а новое окно открывалось в полноэкранном режиме.
Вот код.
struct ContentView : View {
@EnvironmentObject var session: SessionStore
@State var showMenu = false
@State var isDrawerOpen: Bool = falsevar body: some View {
let drag = DragGesture()
.onEnded {
if $0.translation.width < -100 {
withAnimation {
self.showMenu = false
}
}
}
return NavigationView {
Group{
GeometryReader { geometry in
ZStack(alignment: .leading) {
// if the user is logged in, then show the mainview.
// if the slider is active, then show the slider on top of mainview
// if the user is not yet logged in then show the login window
if (self.session.session != nil) {
MainView(showMenu: self.$showMenu)
.frame(width: geometry.size.width, height: geometry.size.height)
.offset(x: self.showMenu ? geometry.size.width/2 : 0)
.disabled(self.showMenu ? true : false)
if self.showMenu {
MenuView()
.frame(width: geometry.size.width/2)
.transition(.move(edge: .leading))
}
} else {
SignInView()
}
}//
.gesture(drag)
}
.navigationBarTitle(...
Теперь, в моем коде меню слайдера, вы увидите, где я запускаю представление, когда кто-то нажимает кнопку. Я установил NavigationLink с целевым представлением «DrawerContent». Когда я выбираю пункт меню ниже для «Игроки», он сразу запускает представление DrawerContent, но застревает внутри меню ползунка. Смотрите скриншот ниже ...
struct DrawerContent: View {
var body: some View {
//Color.blue
VStack{
Text("hello there")
}
}
}
struct MenuView: View {
@State var showMenu = false
var body: some View {
VStack(alignment: .leading) {
NavigationView{
List {
NavigationLink(destination: DrawerContent()
) {
VStack(alignment: .leading){
Text("Players")
//.font(.system(size: 14))
}
}
Вот скриншот ...