[SwiftUI] 화면전환

기본적인 화면전환은 NavigationLink를 사용해서 화면전환을 한다고 알고있다.

QR 코드 리더기를 테스트 해보는 중이였는데, QR코드가 인식되면 자동으로 화면전환이 이루어지는 것을 해보고 싶었다.

// Model

// ...

if metaObject.type == AVMetadataObject.ObjectType.qr {
    if let outputValue = metaObject.stringValue {
        print(outputValue)
        isCompleted = true
        session.stopRunning()
    }
}

// ...

QR코드 인식이 될 때 isCompleted라는 변수에 true값을 줬다.

// ViewModel

// ...

var isCompleted: Bool {
	model.isCompleted
}

// ...

ViewModel에서는 Model의 값이 변하는지 지켜보게 했다.

// View

// ...

@State var showProductView = false

// ...

NavigationLink(isActive: $showProductView) {
    SettingView()
} label: {
    // Scan 버튼
    Button(action: {}) {
        Circle()
            .frame(width: 71, height: 71)
            .foregroundColor(isPress ? Color(red: 209/255, green: 131/255, blue: 183/255) : Color(red: 114/255, green: 114/255, blue: 114/255))
            .overlay(
                Circle()
                    .stroke(lineWidth: 10)
                    .foregroundColor(isPress ? Color(red: 243/255, green: 165/255, blue: 217/255) : Color(red: 148/255, green: 148/255, blue: 148/255))
            )
            .onLongPressGesture(minimumDuration: .infinity) {
                print("long press")
            } onPressingChanged: { isPress in
                self.isPress = isPress
                self.showProductView = viewModel.isCompleted
                viewModel.changeScanState(isPress)
            }

    }.padding(.bottom, 20)
}.isDetailLink(false)

// ...

showProductView라는 @State 변수를 만들고 isCompleted가 true로 변경되면 화면전환을 했다.

NavigationLink(isActive: Binding<Bool>) {
	// 전환할 뷰
	View()
} label: {
	// 버튼 생김새
	Button()
}

🤔

지금 구현한 것도 어딘가 엉성하고 허점 투성이 인 것 같다..

이런 방식이 MVVM이 맞는지 의문이 좀 든다.. 어느 동작을 어디서 처리해야할지 잘 모르겠다.

누가 누구를 바라보고있고 이런건 대충 감이 잡히는데 구현하고 적용하는데는 조금 시간이 걸릴 것 같다.

많이 써보고 많이 삽질해보고 익숙해지는 방법밖에 없는 것 같다.

 

 

제가 틀렸거나 다른 의견이 있으시다면 댓글로 남겨주시면 감사하겠습니다 :)