doing refactor README

Author: baronha

README.md

@@ -1,13 +1,18 @@
-# React Native Multiple Image Picker (RNMIP)
+# React Native Multiple Image Picker
 
 <p align="center">
   <img src="./files/banner.png" width="100%">
 </p>
 
-React Native Multiple Image Picker enables application to pick images and videos from multiple smart album in iOS/Android, similar to the current Facebook App. React Native Multiple Image Picker is based on two libraries available, [TLPhotoPicker](https://github.com/tilltue/TLPhotoPicker) and [PictureSelector](https://github.com/LuckSiege/PictureSelector)
+[![iOS][iOS]][iOS-URL] [![Android][Android]][Android-URL] [![Swift][Swift]][Swift-URL] [![Kotlin][Kotlin]][Kotlin-URL] [![React-Native][React-Native]][React-Native-URL] ![SmoothScroll][SmoothScroll] ![CROP-IMAGE](https://img.shields.io/badge/Crop_Image-EA4C89?style=for-the-badge)
+
+## Overview
+
+ enables application to pick images and videos from multiple smart album in iOS/Android, similar to the current Facebook App. React Native Multiple Image Picker is based on two libraries available, [TLPhotoPicker](https://github.com/tilltue/TLPhotoPicker) and [PictureSelector](https://github.com/LuckSiege/PictureSelector)
 
 > Related: [React Native Photo Editor](https://github.com/baronha/react-native-photo-editor)
 
+
 ## Demo 👉👈
 
 | iOS                                                  | Android                                                  |
@@ -169,3 +174,25 @@ MIT
 [TLPhotoPicker](https://github.com/tilltue/TLPhotoPicker/blob/master/LICENSE)
 <br>
 [PictureSelector](https://github.com/LuckSiege/PictureSelector/blob/master/LICENSE)
+
+
+<!-- Badge for README -->
+[iOS]: https://img.shields.io/badge/iOS-000000?style=for-the-badge&logo=ios&logoColor=white
+[iOS-URL]: https://www.apple.com/ios
+
+[Android]: https://img.shields.io/badge/Android-3DDC84?style=for-the-badge&logo=android&logoColor=white
+[Android-URL]: https://www.android.com/
+
+[React-Native]: https://img.shields.io/badge/React_Native-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
+[React-Native-URL]: https://reactnative.dev/
+
+[React-Native]: https://img.shields.io/badge/React_Native-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
+[React-Native-URL]: https://reactnative.dev/
+
+[Swift]: https://img.shields.io/badge/Swift-FA7343?style=for-the-badge&logo=swift&logoColor=white
+[Swift-URL]: https://developer.apple.com/swift/
+
+[Kotlin]: https://img.shields.io/badge/Kotlin-0095D5?&style=for-the-badge&logo=kotlin&logoColor=white
+[Kotlin-URL]: https://kotlinlang.org/
+
+[SmoothScroll]: https://img.shields.io/badge/Smooth_Scroll-FCC624?style=for-the-badge

android/src/main/java/com/reactnativemultipleimagepicker/CropEngine.kt

@@ -2,63 +2,61 @@ package com.reactnativemultipleimagepicker
 
 import android.content.Context
 import android.graphics.Bitmap
+import android.graphics.drawable.Drawable
 import android.net.Uri
 import android.widget.ImageView
 import androidx.fragment.app.Fragment
 import com.bumptech.glide.Glide
-import com.luck.picture.lib.config.PictureMimeType
-import com.luck.picture.lib.engine.CropEngine
-import com.luck.picture.lib.entity.LocalMedia
-import com.luck.picture.lib.utils.DateUtils
+import com.bumptech.glide.request.target.CustomTarget
+import com.bumptech.glide.request.transition.Transition
+import com.luck.picture.lib.engine.CropFileEngine
+import com.reactnativemultipleimagepicker.ImageLoaderUtils.assertValidRequest
 import com.yalantis.ucrop.UCrop
 import com.yalantis.ucrop.UCropImageEngine
 import java.io.File
 
 
-class CropEngine(
-    appContext: Context,
-    cropOption: UCrop.Options
-) : CropEngine {
-    private val context = appContext
-    private val option: UCrop.Options = cropOption
+class CropEngine(cropOption: UCrop.Options) : CropFileEngine {
+    private val options: UCrop.Options = cropOption
     override fun onStartCrop(
-        fragment: Fragment, currentLocalMedia: LocalMedia,
-        dataSource: ArrayList<LocalMedia>, requestCode: Int
+        fragment: Fragment,
+        srcUri: Uri?,
+        destinationUri: Uri?,
+        dataSource: ArrayList<String?>?,
+        requestCode: Int
     ) {
-        val currentCropPath = currentLocalMedia.availablePath
-        val inputUri: Uri =
-            if (PictureMimeType.isContent(currentCropPath) || PictureMimeType.isHasHttp(
-                    currentCropPath
-                )
-            ) {
-                Uri.parse(currentCropPath)
-            } else {
-                Uri.fromFile(File(currentCropPath))
-            }
-        val fileName: String = DateUtils.getCreateFileName("CROP_") + ".jpg"
-        val destinationUri = Uri.fromFile(File(getSandboxPath(context), fileName))
-        val dataCropSource: ArrayList<String> = ArrayList()
-        for (i in 0 until dataSource.size) {
-            val media = dataSource[i]
-            dataCropSource.add(media.availablePath)
-        }
-        val uCrop = UCrop.of(inputUri, destinationUri, dataCropSource)
+        val uCrop = UCrop.of(srcUri!!, destinationUri!!, dataSource)
+        uCrop.withOptions(options)
         uCrop.setImageEngine(object : UCropImageEngine {
             override fun loadImage(context: Context, url: String, imageView: ImageView) {
-                Glide.with(context).load(url).into(imageView)
+                if (!assertValidRequest(context)) {
+                    return
+                }
+                Glide.with(context).load(url).override(180, 180).into(imageView)
             }
 
             override fun loadImage(
-                context: Context?,
-                url: Uri?,
+                context: Context,
+                url: Uri,
                 maxWidth: Int,
                 maxHeight: Int,
-                call: UCropImageEngine.OnCallbackListener<Bitmap>?
+                call: UCropImageEngine.OnCallbackListener<Bitmap>
             ) {
-                TODO("Not yet implemented")
+                Glide.with(context).asBitmap().load(url).override(maxWidth, maxHeight)
+                    .into(object : CustomTarget<Bitmap?>() {
+                        override fun onResourceReady(
+                            resource: Bitmap,
+                            transition: Transition<in Bitmap?>?
+                        ) {
+                            call.onCall(resource)
+                        }
+
+                        override fun onLoadCleared(placeholder: Drawable?) {
+                            call.onCall(null)
+                        }
+                    })
             }
         })
-        uCrop.withOptions(option)
         uCrop.start(fragment.requireActivity(), fragment, requestCode)
     }
 }

android/src/main/java/com/reactnativemultipleimagepicker/MultipleImagePickerModule.kt

@@ -105,7 +105,7 @@ class MultipleImagePickerModule(reactContext: ReactApplicationContext) :
     }
 
     private fun onSetCropEngine(): CropEngine? {
-        return cropOption?.let { CropEngine(appContext, it) }
+        return cropOption?.let { CropEngine(it) }
     }
 
     private fun setConfiguration(options: ReadableMap?) {
@@ -123,7 +123,7 @@ class MultipleImagePickerModule(reactContext: ReactApplicationContext) :
 
             setStyle(options) // set style for UI
 
-            val isCrop = options.getBoolean("isCrop") && singleSelectedMode
+            val isCrop = options.getBoolean("isCrop") && singleSelectedMode == true
 
             if (isCrop) {
                 setCropOptions(options)

example/src/App.js

@@ -32,7 +32,6 @@ export default function App() {
         doneTitle: 'Xong',
         singleSelectedMode,
         isCrop: true,
-        isCropCircle: true,
       });
 
       const crop = response.crop;