Gauge

線形と円形のアクセサリースタイルに対応した、ネイティブ SwiftUI Gauge です。

#インポート

@quickgui/solid/swift-ui から Gauge をインポートします。

import { Host, Gauge } from "@quickgui/solid/swift-ui";

#使い方

<Host matchContents>
  <Gauge
    value={storageUsed()}
    min={0}
    max={100}
    label="Storage"
    currentValueLabel={String(storageUsed()) + "%"}
    style="accessoryCircularCapacity"
  />
</Host>

#API リファレンス

項目を展開すると説明と完全なシグネチャが表示されます。ダッシュは宣言に既定値が記載されていないことを示します。

`Gauge`

ソースを見る

Gauge(props: GaugeProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

ソースを見る

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

ソースを見る

valuenumber—

Declares value. Reactive JSX expressions update this property in place.

number

ソースを見る

minnumber—

Declares min (optional). Reactive JSX expressions update this property in place.

number

ソースを見る

maxnumber—

Declares max (optional). Reactive JSX expressions update this property in place.

number

ソースを見る

labelstring—

Declares label (optional). Reactive JSX expressions update this property in place.

string

ソースを見る

currentValueLabelstring—

Declares currentValueLabel (optional). Reactive JSX expressions update this property in place.

string

ソースを見る

minimumValueLabelstring—

Declares minimumValueLabel (optional). Reactive JSX expressions update this property in place.

string

ソースを見る

maximumValueLabelstring—

Declares maximumValueLabel (optional). Reactive JSX expressions update this property in place.

string

ソースを見る

styleGaugeStyle—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

GaugeStyle

ソースを見る

ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode

ソースを見る