Slider - OneScript

受控滑块。通过 value 传入当前值，并在 onChange 中更新状态。

import { Slider, useState } from "onescript/views"

function VolumeSlider() {
  const [volume, setVolume] = useState(50)
  return (
    <Slider
      value={volume}
      onChange={setVolume}
      min={0}
      max={100}
      step={1}
    >
      音量
    </Slider>
  )
}

Prop	Type	说明
`value`	`number`	当前值。
`onChange`	`(value: number) => void`	用户拖动滑块时持续执行。
`min`	`number`	下限，默认 `0`。
`max`	`number`	上限，默认 `1`，必须大于 `min`。
`step`	`number`	可选的正数步长；不传时取值连续。
`minimumValueLabel`	`ViewChild`	显示在滑轨最小值一端的视图。
`maximumValueLabel`	`ViewChild`	显示在滑轨最大值一端的视图。
`onEditingChanged`	`(editing: boolean) => void`	用户开始拖动时传入 `true`，松手时传入 `false`。
`children`	`ViewChild`	标签。多数样式下只用于无障碍朗读。

import { Slider, Symbol } from "onescript/views"

<Slider
  value={brightness}
  onChange={setBrightness}
  minimumValueLabel={<Symbol name="sun.min" />}
  maximumValueLabel={<Symbol name="sun.max.fill" />}
  onEditingChanged={editing => setDragging(editing)}
>
  亮度
</Slider>

也支持修饰符。仅在 App 和 Action 视图会话中可用；在 Widget 中使用会报「不支持的视图类型」错误。