tauri-plugin-system-components 0.1.2

Native system UI components for Tauri 2 — native iOS tab bar over the webview, native controls, and glass window backgrounds on macOS/iOS.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

//
//  SliderComponent.swift
//  tauri-plugin-system-components
//

import UIKit

/// UISlider — emits `change` with the new `value`.
enum SliderComponent: ComponentBuilder {
    static func make(_ args: CreateComponentArgs, _ ctx: ComponentContext) -> UIView? {
        let props = args.props
        let control = UISlider()
        control.minimumValue = Float(props?.min ?? 0)
        control.maximumValue = Float(props?.max ?? 1)
        control.value = Float(props?.value ?? 0)
        if let tint = props?.tint.flatMap(ColorUtil.from(hex:)) {
            control.tintColor = tint
        }
        let id = args.id
        let emit = ctx.emit
        control.addAction(
            UIAction { [weak control] _ in emit(id, "change", nil, control.map { Double($0.value) }, nil) },
            for: .valueChanged)
        if props?.width == nil {
            // UISlider has no intrinsic width.
            control.widthAnchor.constraint(equalToConstant: 160).isActive = true
        }
        return control
    }

    static func update(_ control: UIView, _ props: ComponentPropsArgs) {
        if let slider = control as? UISlider, let value = props.value {
            slider.setValue(Float(value), animated: true)
        }
    }
}