Closing List view in SwiftUI - swift

Question

I have an app which reads a qr code, and then hits an api after using a key from the qr code, my problem now is, after it finds the data, I cannot figure out how to add a button which removes the layered list view to return to the root.. I have tried several solutions found here and on google and read through a lot of documentation, but none seemed to work..
import SwiftUI
import CodeScanner
extension URL {
var components: URLComponents? {
return URLComponents(url: self, resolvingAgainstBaseURL: false)
}
}
extension Array where Iterator.Element == URLQueryItem {
subscript(_ key: String) -> String? {
return first(where: { $0.name == key })?.value
}
}
struct Card: Decodable,Identifiable {
let id = UUID()
let sport: String
let year: String
let brand: String
let cardNumber: String
let playerName: String
let extra: String
let gradeName: String
let grade: String
let serial: String
let authDate: String
}
class apiCall {
func getUsers(apihit: String, completion:#escaping ([Card]) -> ()) {
guard let apihit = URL(string: apihit) else { return }
URLSession.shared.dataTask(with: apihit) { (data, _, _) in
let users = try! JSONDecoder().decode([Card].self, from: data!)
print(users)
DispatchQueue.main.async {
completion(users)
}
}
.resume()
}
}
struct ContentView: View {
#State var isPresentingScanner = false
#State var scannedCode: String = ""
#State var users: [Card] = []
var scannerSheet : some View {
CodeScannerView(
codeTypes: [.qr],
completion: { result in
if case let .success(code) = result {
self.scannedCode = code.string
self.isPresentingScanner = false
}
}
)
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.gray)
}
func getQueryStringParameter(url: String, param: String) -> String? {
guard let url = URLComponents(string: url) else { return nil }
return url.queryItems?.first(where: { $0.name == param })?.value
}
func getDateFromTimeStamp(timeStamp : Double) -> String {
let date = NSDate(timeIntervalSince1970: timeStamp / 1000)
let dayTimePeriodFormatter = DateFormatter()
dayTimePeriodFormatter.dateFormat = "dd MMM YY, hh:mm a"
let dateString = dayTimePeriodFormatter.string(from: date as Date)
return dateString
}
var body: some View {
VStack(spacing: 10) {
Image("logo-white")
.offset(y: -200)
if let urlComponents = URL(string: scannedCode)?.components,
let cert = urlComponents.queryItems?["certificateNumber"] {
//Text(cert)
let apihit = URL(string: "https://app.example.com/api.php?apikey=xxxx&cert=\(cert)")!
NavigationView {
List(users) { user in
Text("Set: " + user.year + " " + user.brand)
.font(.headline)
if !user.extra.isEmpty {
Text("Desc: " + user.extra)
.font(.headline)
}
Text("Player: " + user.playerName)
.font(.headline)
Text("Year: " + user.year)
.font(.headline)
Text("Sport: " + user.sport)
.font(.headline)
Text("Grade Name: " + user.gradeName)
.font(.headline)
Text("Grade: " + user.grade)
.font(.headline)
Text("Card Serial: " + user.serial)
.font(.headline)
Text("Authenticated: " + user.authDate)
.font(.headline)
}
.onAppear {
apiCall().getUsers(apihit: apihit.absoluteString) { (users) in
self.users = users
}
}
.navigationTitle("Certificate Verification")
}
}
Button("Scan QR Code") {
self.isPresentingScanner = true
}
.padding()
.background(Color(red: 0, green: 0, blue: 0.5))
.foregroundColor(.white)
.clipShape(Rectangle())
.cornerRadius(20)
.sheet(isPresented: $isPresentingScanner) {
self.scannerSheet
Button("Close") {
self.isPresentingScanner = false
}
.padding()
.background(Color(red: 0, green: 0, blue: 0.5))
.foregroundColor(.white)
.clipShape(Rectangle())
.cornerRadius(20)
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.gray)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
an image of the view, which also doesn't stretch across the whole screen..

Answer 1

I resolved this by creating a new sheet for the list view, which now allows me to close it correctly.