跳到主要内容

Switch 开关

示例

import { Header, ScrollView, TopView, Form, FormItem, Card, Divider, DividerGroup, Switch } from '@/duxuiExample'

export default function SwitchExample() {
return <TopView>
<Header title='Switch' />
<Form onSubmit={console.log}>
<ScrollView>
<Card margin verticalPadding={false}>
<DividerGroup>
<FormItem label='开关' field='switch'>
<Switch onChange={console.log} />
</FormItem>
<FormItem label='自定义选中值' field='custom'>
<Switch values={[0, 1]} onChange={console.log} />
</FormItem>
<FormItem label='非受控模式'>
<Switch onChange={console.log} />
</FormItem>
</DividerGroup>
</Card>
</ScrollView>
</Form>
</TopView>
}

Props

继承自Taro的Switch Props

defaultValue

默认值

类型必填默认值
boolean | any

values

指定未选中和选中的值

类型必填默认值
[any, any]