tauri-plugin-system-components 0.1.3

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
37
38
39
40
41
42

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

import UIKit

/// A UIStackView arranging its `children` along `props.axis` — the building
/// block consumers compose a nav (bar or sidebar) from. Imposes no layout of
/// its own beyond what the props ask for.
enum ContainerComponent: ComponentBuilder {
    static func make(_ args: CreateComponentArgs, _ ctx: ComponentContext) -> UIView? {
        let props = args.props
        let stack = UIStackView()
        stack.axis = (props?.axis == "vertical") ? .vertical : .horizontal
        stack.alignment = alignment(props?.align)
        stack.distribution = .fill
        stack.spacing = CGFloat(props?.spacing ?? 0)
        for childArgs in args.children ?? [] {
            guard let child = ctx.makeChild(childArgs) else { continue }
            stack.addArrangedSubview(child)
            // The stack owns positioning; explicit child sizes (e.g. a 50pt
            // avatar) come from the child's own props.
            if let w = childArgs.props?.width {
                child.widthAnchor.constraint(equalToConstant: CGFloat(w)).isActive = true
            }
            if let h = childArgs.props?.height {
                child.heightAnchor.constraint(equalToConstant: CGFloat(h)).isActive = true
            }
        }
        return stack
    }

    private static func alignment(_ s: String?) -> UIStackView.Alignment {
        switch s {
        case "leading": return .leading
        case "trailing": return .trailing
        case "fill": return .fill
        default: return .center
        }
    }
}