ios - ReSwift - 如何处理依赖于 View 中旧状态和新状态的状态更改

Question

我正在尝试在我的 ios 项目中使用 ReSwift，并且有一个关于如何处理我的 View 更改的问题。我发现我需要知道旧状态是什么，然后才能应用新状态提出的更改。在我的 react 项目中使用 redux 时，我从来不需要知道我的旧状态是什么。

我的特定用例是，我正在构建一个带有覆盖屏幕的 CameraView。从应用程序中的任何地方说一个 ViewController 我可以创建一个 CameraView 并触发它通过触发一个 Action 从其中打开一个 UIImagePickerController。这是一些代码:

//ViewController:

class MainViewController: UIViewController {
    var cameraView: CameraView?
    @IBOutlet weak var launchCameraButton: UIButton!

    init() {
        cameraView = CameraView(self)
    }

    @IBAction func launchCameraButtonClicked(_ sender: Any) {
       store.dispatch(OpenCameraAction())
    }

}

//CameraActions
struct OpenCameraAction: Action {}
struct CloseCameraAction: Action {}

//CameraState
struct CameraState {
    var cameraIsVisible: Bool
}

func cameraReducer(state: CameraState?, action: Action) -> CameraState {
    let initialState = state ?? CameraState()

    switch action {
        case _ as OpenCameraAction:
            return CameraState(cameraIsVisible: true)
        default:
            return initialState
    }    
}

//CameraView

class CameraView: StoreSubscriber {
    private var imagePicker: UIImagePickerController?
    weak private var viewController: UIViewController?

    init(viewController: UIViewController) {
        self.viewController = viewController
        super.init()
        imagePicker = UIImagePickerController()
        imagePicker?.allowsEditing = true
        imagePicker?.sourceType = .camera
        imagePicker?.cameraCaptureMode = .photo
        imagePicker?.cameraDevice = .rear
        imagePicker?.modalPresentationStyle = .fullScreen
        imagePicker?.delegate = self
        imagePicker?.showsCameraControls = false

        store.subscribe(self) { subscription in
           subscription.select { state in
                state.camera
           }
        }
    }

    func newState(state: CameraState?) {
        guard let state = state else {
            return
        }
        if state.cameraIsVisible {
            self.open()
        } else if !state.cameraIsVisible {
            self.close()
        }
    }

    func open() {
        if let imagePicker = self.imagePicker {
            self.viewController?.present(
                imagePicker,
                animated: true
            )
        }
    }

    func close(){
         self.imagePicker?.dismiss(animated: true)
    }

}

以上就是打开和关闭相机的全部代码。当我们添加更多操作(例如禁用或启用闪光灯)时，我的困惑就开始了。在我看来，我需要处理额外的状态转换。

我的行动现在成长为:

struct OpenCameraAction: Action {}
struct CloseCameraAction: Action {}
struct FlashToggleAction: Action {}

我现在的状态是这样的:

struct CameraState {
    var cameraIsVisible: Bool
    var flashOn: Bool
}
// not showing reducer changes as it self explanatory 
// what the state changes will be for my actions.

我的观点是并发症的开始。如果用户启用了 Flash 并且我正在响应 FlashToggleAction 状态更改，我该如何在我的 View 中处理状态更改？

func newState(state: CameraState?) {
        guard let state = state else {
            return
        }

        // this will get triggered regardless of whether
        // a change in the flash happened or not.
        self.toggleFlash(state.flashOn)

        // now the below lines will be executed even though 
        // the only change was a flash on action. 
        //I don't want my camera to opened again or closed.
        if state.cameraIsVisible {
            self.open()
        } else if !state.cameraIsVisible {
            self.close()
        }
    }

我现在如何应对变化？我能想到的处理这个问题的唯一方法是存储对旧状态的引用并自己比较差异。

Answer 1

在这种情况下，我的第一个问题实际上是:您是否需要将其作为应用状态的一部分进行处理？是否需要有人通知相机状态变化？如果不是，请将其作为 UI 层中的实现细节。让 biew Controller 自行打开相机，拍摄生成的图像，然后发送 DoStuffWithImage(imageFromCam)。

这只是一般性建议:不要在 ReSwift 中为您的 UIKit 特定交互建模。对有趣的数据流进行建模。然后让 UI 组件朝着这个目标努力。

您真正的问题暗示:如何划分存储订阅者？

目前，您使用单个订阅者来解决与相机相关的问题。但是您也可以为每个可独立修改的组件编写 1 个订阅者。就像闪光灯切换一样。然后你只需要检查那里的闪光灯切换的状态变化，忽略其他设置；虽然在这种情况下，闪光灯切换可以利用知道他的相机是否真的打开了——或者你在相机关闭时重置闪光灯状态来解决这个问题，有效地移动“闪光灯” AND camera active”逻辑一直到 reducer 。

我可以想出更多的方法和想法，但最终归结为:您的应用程序中的组件是什么？相机状态控制是应用程序状态的核心部分，还是只是一个微小的细节？在设计过程的早期权衡这一点有助于找到合适的解决方案。