Displaying a UIKit View in a SwiftUI sheet

Question

I am trying to show a UiKit view in a SwiftUI sheet, however when I open the sheet, it is completely empty, none of the UIKit elements show up. All I can see is the navigation view bar title. I have placed the UIKit component into a UIViewController so that I can display it in my main view.

My SwiftUI component:

Button("Login") {
    isShowingGoogleLogin = true
}.sheet(isPresented: $isShowingGoogleLogin, content: {
    NavigationView {
        GoogleSignInViewController()
            .edgesIgnoringSafeArea(.all)
            .navigationBarTitle("Google Sign In")
    }
                
})

And my UIKit view:

import Foundation
import UIKit
import GoogleSignIn
import SwiftUI

struct GoogleSignInViewController: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> ViewController {
        return ViewController()
    }
    
    func updateUIViewController(_ uiViewController: ViewController, context: Context) {}
}


class ViewController: UIViewController {
    //MARK:  @IBOutlet
    @IBOutlet weak var btnGoogleSignIn: UIButton!
    @IBOutlet weak var btnGoogleSignOut: UIButton!
    @IBOutlet weak var lblSignInStatus: UILabel!
    
    //MARK: viewDidLoad
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
}

//MARK: @IBAction
extension ViewController {
    @IBAction func btnGoogleSingInDidTap(_ sender: Any) {
        GIDSignIn.sharedInstance.signIn(withPresenting: self) { signInResult, error in
            self.btnGoogleSignIn.isHidden = false
            self.btnGoogleSignOut.isHidden = true
            self.lblSignInStatus.text = "Welcome To GoogleSignIn! To continue with GoogleSignIn please hit below button. "
            guard error == nil else { return }

          // If sign in succeeded, display the app's main content View.
            guard let signInResult = signInResult else { return }
            let user = signInResult.user

            let emailAddress = user.profile?.email
            let fullName = user.profile?.name
            let familyName = user.profile?.familyName
            let profilePicUrl = user.profile?.imageURL(withDimension: 320)
                
            self.lblSignInStatus.text = "Hi \(fullName ?? "")"
            self.btnGoogleSignIn.isHidden = true
            self.btnGoogleSignOut.isHidden = false
        }
    }
    
    @IBAction func btnGoogleSignOutDidTap(_ sender: Any) {
        GIDSignIn.sharedInstance.signOut()
    }
}

Bhanu Sharma · Accepted Answer · 2023-12-03 21:09:07Z

0

I hope this will work for you :

struct CustomView: UIViewControllerRepresentable {
func makeUIViewController(context: Context) -> UIViewController {
    let storyboard = UIStoryboard (name: "Main", bundle: Bundle.main)
    let controller = storyboard.instantiateViewController (identifier: "Your_StoryBoard_Id")
    return controller
}

func updateUIViewController (_ uiViewController: UIViewController, context: Context) {
}

}

answered Dec 3, 2023 at 21:09

Bhanu Sharma

133 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ethan James Over a year ago

Unfortunately, my project does not use storyboards, only SwiftUI

David B. Over a year ago

@EthanJames If you're not using storyboards then why does ViewController have IBOutlet's and IBActions's..?

Ethan James Over a year ago

Ah, I was following the Google docs exactly, removing the storyboard components and switching to programmatic UIKit has fixed the problem, I can now successfuly login @DavidB.

Jeremy Caney Over a year ago

Thank you for contributing to the Stack Overflow community. This may be a correct answer, but it’d be really useful to provide additional explanation of your code so developers can understand your reasoning. This is especially useful for new developers who aren’t as familiar with the syntax or struggling to understand the concepts. Would you kindly edit your answer to include additional details for the benefit of the community?

Collectives™ on Stack Overflow

Displaying a UIKit View in a SwiftUI sheet

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related