imagepicker doesnt show the image when using cameraoverlay - ios

Question

I wanted to customize the camera scene so i used custom overlay. It is hiding the default camera buttons and showing other buttons. When i take the picture, I want to see the static image but I see only the camera again.I tried putting a image view in the customView but the camera still runs in the background.
func cameraProperty()
{
DispatchQueue.main.async(execute: {
//let imagePicker = UIImagePickerController()
self.picker.navigationBar.isTranslucent = false
self.picker.navigationBar.barTintColor = .blue // Background color
self.picker.navigationBar.tintColor = .white // Cancel button ~ any UITabBarButton items
self.picker.navigationBar.titleTextAttributes = [
NSForegroundColorAttributeName : UIColor.white
] //
self.picker.sourceType = UIImagePickerControllerSourceType.camera
self.picker.cameraDevice = .front
self.picker.delegate = self
self.picker.showsCameraControls = false
self.picker.modalPresentationStyle = .fullScreen
//customView stuff
let customViewController = CustomOverlayViewController(
nibName:"CustomOverlayViewController",
bundle: nil
)
let customView:CustomOverlayView = customViewController.view as! CustomOverlayView
customView.frame = self.picker.view.frame
customView.delegate = self
customView.skipBtn.setTitle("SKIP", for: .normal)
customView.createSongBtn.isHidden = true
customView.takePhotoBtn.isHidden = false
customView.curImg.isHidden = true
//CGSize screenSize = [[UIScreen mainScreen] bounds].size;
let screenSize:CGSize = UIScreen.main.bounds.size
let ratio:CGFloat = 4.0 / 3.0
let cameraHeight:CGFloat = screenSize.width * ratio
let scale:CGFloat = screenSize.height / cameraHeight
//need to test it for different phone sizes
self.picker.cameraViewTransform = CGAffineTransform(translationX: 0, y: (screenSize.height - cameraHeight) / 2.0)
self.picker.cameraViewTransform = self.picker.cameraViewTransform.scaledBy(x: scale, y: scale)
self.picker.cameraOverlayView = customView
self.picker.allowsEditing = false
})
}
func imagePickerControllerDidCancel(_ picker: UIImagePickerController){
picker.dismiss(animated: true, completion: nil)
}
//MARK: Custom View Delegates
func didCancel(overlayView:CustomOverlayView) {
DispatchQueue.main.async(execute: {
if overlayView.skipBtn.titleLabel?.text == "SKIP"
{
self.picker.dismiss(animated: true,completion: nil)
print("dismissed!!")
}
else
{
overlayView.skipBtn.setTitle("SKIP", for: .normal)
overlayView.createSongBtn.isHidden = true
// overlayView.curImg.isHidden = true
overlayView.takePhotoBtn.isHidden = false
print("Reset camera")
}
})
}
func didShoot(overlayView:CustomOverlayView) {
DispatchQueue.main.async(execute: {
self.picker.takePicture()
overlayView.skipBtn.setTitle("Try Again", for: .normal)
// overlayView.sendSubview(toBack: overlayView.curImg)
overlayView.createSongBtn.isHidden = false
overlayView.takePhotoBtn.isHidden = true
})
print("Shot Photo")
}
How can I show the view with image(that is also custom view) and something like "Use photo" option.