kotlin multiplaform Compose项目 需要实现一个文件选择器获取手机上的文件

Question

kotlin multiplaform Compose项目 需要实现一个文件选择器获取手机上的文件 这个ios app需要在原生项目上实现吗 如果需要，怎么在kmm上调用ios原生的代码呢

Answer 1

参考免费微信小程序：皆我百晓生 作答，经由专家-司宇整理回复，如问题解决，望采纳；如仍有疑问，请评论回复。

在Kotlin Multiplatform Mobile (KMM) 项目中实现一个跨平台的文件选择器功能时，你需要分别为Android和iOS编写原生实现，并通过KMM共享代码进行调用。下面是如何在KMM项目中集成iOS原生代码并实现文件选择器功能的步骤。

1. 创建iOS原生实现

首先，在iOS项目的Sources目录下创建一个新的Swift文件，例如FilePickerIOS.swift。这里将实现一个简单的文件选择器逻辑，实际应用中可能需要更复杂的处理，比如使用UIDocumentPickerViewController。

// FilePickerIOS.swift
import Foundation
import UIKit
import UniformTypeIdentifiers

@objc(FilePickerIOS)
public class FilePickerIOS: NSObject {
    @objc(openDocumentPicker)
    public static func openDocumentPicker(callback: @escaping (URL?) -> Void) {
        let documentPicker = UIDocumentPickerViewController(documentTypes: [UTType.item.identifier], in: .import)
        documentPicker.delegate = self.callbackToSwift(callback)
        UIApplication.shared.windows.first?.rootViewController?.present(documentPicker, animated: true, completion: nil)
    }
    
    private static func callbackToSwift(_ callback: @escaping (URL?) -> Void) -> UIDocumentPickerDelegate {
        return CallbackDelegate(callback: callback)
    }
}

private class CallbackDelegate: NSObject, UIDocumentPickerDelegate {
    private let callback: (URL?) -> Void
    
    init(callback: @escaping (URL?) -> Void) {
        self.callback = callback
    }
    
    func documentPicker(_ controller: UIDocumentPickerViewController, didPickDocumentsAt urls: [URL]) {
        if let url = urls.first {
            callback(url)
        } else {
            callback(nil)
        }
    }
    
    func documentPickerWasCancelled(_ controller: UIDocumentPickerViewController) {
        callback(nil)
    }
}

这段代码定义了一个FilePickerIOS类，它提供了一个静态方法openDocumentPicker用于打开文件选择器，并通过回调传递选中的文件URL。

2. 在KMM共享代码中声明接口

接下来，在你的共享模块中声明一个接口，这个接口将被Android和iOS的实现所共享。

// SharedCode/src/commonMain/kotlin/FilePicker.kt
expect interface FilePicker {
    fun pickFile(callback: (String?) -> Unit)
}

3. 实现iOS端的接口

然后，在iOS的共享模块中实现这个接口，通过调用之前创建的Swift文件中的方法。

// SharedCode/src/iosMain/kotlin/PlatformFilePicker.kt
import platform.Foundation.NSURL
import platform.UIKit.UIApplication
import kotlin.native.concurrent.ThreadLocal

actual class PlatformFilePicker : FilePicker {
    override fun pickFile(callback: (String?) -> Unit) {
        val callbackWrapper = object : NSObject() {
            @ObjCAction
            fun onFilePicked(url: NSURL?) {
                val filePath = url?.path
                callback(filePath ?: "")
            }
        }
        
        FilePickerIOS.openDocumentPicker { url ->
            UIApplication.shared.dispatchQueue.async {
                callbackWrapper.onFilePicked(url as NSURL?)
            }
        }
    }
}

这里，我们创建了一个PlatformFilePicker类来实现FilePicker接口，并在pickFile函数中调用了iOS的原生实现。

4. 使用文件选择器

最后，在你的Compose界面或其他需要使用文件选择器的地方，通过PlatformFilePicker调用文件选择逻辑。

// YourComposable.kt
import kotlinx.coroutines.CoroutineScope
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.launch

fun YourComposable() {
    val filePicker = PlatformFilePicker()

    Button(onClick = {
        CoroutineScope(Dispatchers.Main).launch {
            filePicker.pickFile { filePath ->
                // Handle the picked file path here
                println("Selected file path: $filePath")
            }
        }
    }) {
        Text("Choose File")
    }
}

这样，当用户点击按钮时，会根据当前平台（这里是iOS）调用相应的文件选择器逻辑，并在回调中处理选中的文件路径。

记得根据实际情况调整代码，特别是与UI相关的部分，以确保它们与你的项目兼容。