feat: doing handle preview controller

Author: baronha

ios/CustomPhotoPicker/CustomPhotoPickerViewController.swift

@@ -60,8 +60,6 @@ class CustomPhotoPickerViewController: TLPhotosPickerViewController, ViewerContr
                 let headerView = PreviewHeaderView()
                 headerView.viewDelegate = self
 
-                headerView.backgroundColor = .white
-
                 self.viewerController!.headerView = headerView
 
                 self.present(self.viewerController!, animated: true, completion: nil)

ios/Extension/UIImage.swift

@@ -8,7 +8,7 @@
 import UIKit
 
 extension UIImage {
-    func getTintColor(_ color: UIColor) -> UIImage? {
+    func setTintColor(_ color: UIColor) -> UIImage? {
         if #available(iOS 13.0, *) {
             return self.withTintColor(color, renderingMode: .alwaysOriginal)
         } else {
@@ -26,4 +26,12 @@ extension UIImage {
             return tintedImage!
         }
     }
+
+    func resize(to size: CGSize) -> UIImage? {
+        UIGraphicsBeginImageContextWithOptions(size, false, UIScreen.main.scale)
+        self.draw(in: CGRect(origin: .zero, size: size))
+        let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
+        UIGraphicsEndImageContext()
+        return resizedImage
+    }
 }

ios/MultipleImagePicker.swift

@@ -18,7 +18,7 @@ extension TLPhotosPickerConfigure {
 var config = TLPhotosPickerConfigure()
 
 @objc(MultipleImagePicker)
-class MultipleImagePicker: NSObject, TLPhotosPickerViewControllerDelegate, UINavigationControllerDelegate, TLPhotosPickerLogDelegate, CropViewControllerDelegate {
+class MultipleImagePicker: NSObject, TLPhotosPickerViewControllerDelegate, UINavigationControllerDelegate {
     @objc static func requiresMainQueueSetup() -> Bool {
         return false
     }
@@ -31,37 +31,11 @@ class MultipleImagePicker: NSObject, TLPhotosPickerViewControllerDelegate, UINav
     var videoCount = 0
     var imageRequestOptions = PHImageRequestOptions()
     var videoRequestOptions = PHVideoRequestOptions()
-    
-    // controller
-    
+        
     // resolve/reject assets
     var resolve: RCTPromiseResolveBlock!
     var reject: RCTPromiseRejectBlock!
 
-    func selectedCameraCell(picker: TLPhotosPickerViewController) {
-        let generator = UIImpactFeedbackGenerator(style: .medium)
-        generator.impactOccurred()
-    }
-    
-    func deselectedPhoto(picker: TLPhotosPickerViewController, at: Int) {
-        let generator = UIImpactFeedbackGenerator(style: .light)
-        generator.impactOccurred()
-        let cell = picker.collectionView(picker.collectionView, cellForItemAt: IndexPath(row: at, section: 0)) as! Cell
-        if cell.asset?.mediaType == PHAssetMediaType.video {
-            self.videoCount -= 1
-        }
-    }
-    
-    func selectedPhoto(picker: TLPhotosPickerViewController, at: Int) {
-        let generator = UIImpactFeedbackGenerator(style: .medium)
-        generator.impactOccurred()
-    }
-    
-    func selectedAlbum(picker: TLPhotosPickerViewController, title: String, at: Int) {
-        let generator = UIImpactFeedbackGenerator(style: .medium)
-        generator.impactOccurred()
-    }
-    
     @objc(openPicker:withResolver:withRejecter:)
     func openPicker(options: NSDictionary, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
         self.setConfiguration(options: options, resolve: resolve, reject: reject)
@@ -177,31 +151,6 @@ class MultipleImagePicker: NSObject, TLPhotosPickerViewControllerDelegate, UINav
         }
     }
 
-    func cropViewController(_ cropViewController: CropViewController, didCropToImage image: UIImage, withRect cropRect: CGRect, angle: Int) {
-        let filePath = getImagePathFromUIImage(uiImage: image, prefix: "crop")
-        let TLAsset = self.selectedAssets.first
-        
-        // Dismiss twice for crop controller & picker controller
-        DispatchQueue.main.async {
-            self.getTopMostViewController()?.dismiss(animated: true, completion: {
-                self.getTopMostViewController()?.dismiss(animated: true, completion: {
-                    if filePath != "", TLAsset != nil {
-                        self.fetchAsset(TLAsset: TLAsset!) { object in
-                            
-                            object.data!["crop"] = [
-                                "height": image.size.height,
-                                "width": image.size.width,
-                                "path": filePath,
-                            ]
-                            
-                            self.resolve([object.data])
-                        }
-                    }
-                })
-            })
-        }
-    }
-    
     func presentCropViewController(image: UIImage) {
         let cropViewController = CropViewController(croppingStyle: (self.options["isCropCircle"] as! Bool) ? .circular : .default, image: image)
         cropViewController.delegate = self
@@ -336,3 +285,58 @@ extension UIViewController {
         return topMostViewController
     }
 }
+
+// TLPhotosPickerLogDelegate
+extension MultipleImagePicker: TLPhotosPickerLogDelegate {
+    func selectedCameraCell(picker: TLPhotosPickerViewController) {
+        let generator = UIImpactFeedbackGenerator(style: .medium)
+        generator.impactOccurred()
+    }
+    
+    func deselectedPhoto(picker: TLPhotosPickerViewController, at: Int) {
+        let generator = UIImpactFeedbackGenerator(style: .light)
+        generator.impactOccurred()
+        let cell = picker.collectionView(picker.collectionView, cellForItemAt: IndexPath(row: at, section: 0)) as! Cell
+        if cell.asset?.mediaType == PHAssetMediaType.video {
+            self.videoCount -= 1
+        }
+    }
+    
+    func selectedPhoto(picker: TLPhotosPickerViewController, at: Int) {
+        let generator = UIImpactFeedbackGenerator(style: .medium)
+        generator.impactOccurred()
+    }
+    
+    func selectedAlbum(picker: TLPhotosPickerViewController, title: String, at: Int) {
+        let generator = UIImpactFeedbackGenerator(style: .medium)
+        generator.impactOccurred()
+    }
+}
+
+// CropViewControllerDelegate
+extension MultipleImagePicker: CropViewControllerDelegate {
+    func cropViewController(_ cropViewController: CropViewController, didCropToImage image: UIImage, withRect cropRect: CGRect, angle: Int) {
+        let filePath = getImagePathFromUIImage(uiImage: image, prefix: "crop")
+        let TLAsset = self.selectedAssets.first
+        
+        // Dismiss twice for crop controller & picker controller
+        DispatchQueue.main.async {
+            self.getTopMostViewController()?.dismiss(animated: true, completion: {
+                self.getTopMostViewController()?.dismiss(animated: true, completion: {
+                    if filePath != "", TLAsset != nil {
+                        self.fetchAsset(TLAsset: TLAsset!) { object in
+                            
+                            object.data!["crop"] = [
+                                "height": image.size.height,
+                                "width": image.size.width,
+                                "path": filePath,
+                            ]
+                            
+                            self.resolve([object.data])
+                        }
+                    }
+                })
+            })
+        }
+    }
+}

ios/Preview/PreviewHeader.swift

@@ -9,16 +9,11 @@ class PreviewHeaderView: UIView {
     weak var viewDelegate: PreviewHeaderViewDelegate?
 
     lazy var clearButton: UIButton = {
-        let image = UIImage.close
+        let image = UIImage.close.setTintColor(.black)?.resize(to: .init(width: 18, height: 18))
 
         let button = UIButton(type: .custom)
-        button.setImage(image, for: .normal)
-
-        // Đặt kích thước cho hình ảnh bên trong button
-        let imageSize = CGSize(width: 24, height: 24) // Đặt kích thước mới cho hình ảnh
-        button.imageView?.frame = CGRect(origin: CGPoint.zero, size: imageSize)
 
-        button.frame = CGRect(x: 50, y: 100, width: imageSize.width, height: imageSize.height)
+        button.setImage(image, for: .normal)
 
         button.addTarget(self, action: #selector(PreviewHeaderView.clearAction(button:)), for: .touchUpInside)
 
@@ -44,9 +39,7 @@ class PreviewHeaderView: UIView {
     override init(frame: CGRect) {
         super.init(frame: frame)
 
-        if #available(iOS 11.0, *) {
-            self.topAnchor.constraint(equalTo: self.safeAreaLayoutGuide.topAnchor).isActive = true
-        }
+        self.backgroundColor = .white
 
         let stackView = UIStackView()
         stackView.translatesAutoresizingMaskIntoConstraints = false
@@ -61,7 +54,6 @@ class PreviewHeaderView: UIView {
         self.doneButton.translatesAutoresizingMaskIntoConstraints = false
         stackView.addArrangedSubview(self.doneButton)
 
-        // Đặt constraints cho stack view để căn chỉnh theo phía trái và phải
         NSLayoutConstraint.activate([
             stackView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 24),
             stackView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -24),