Version: next

Switch

开关选择器

参考文档

类型

ComponentType<SwitchProps>

示例代码

export default class PageView extends Component {
constructor() {
super(...arguments)
}
render() {
return (
<View className='components-page'>
<Text>默认样式</Text>
<Switch checked/>
<Switch/>
<Text>推荐展示样式</Text>
<Switch checked/>
<Switch/>
</View>
)
}
}

SwitchProps

参数类型默认值必填说明
checked
boolean
false
是否选中
disabled
boolean
false
是否禁用
type
"switch" | "checkbox"
"switch"
样式,有效值:switch, checkbox
color
string
"#04BE02"
switch 的颜色,同 css 的 color
onChange
BaseEventOrigFunction<onChangeEventDetail>
checked 改变时触发 change 事件

API 支持度

API微信小程序百度小程序支付宝小程序字节跳动小程序H5React Native
SwitchProps.checked✔️✔️✔️✔️✔️✔️
SwitchProps.disabled✔️
SwitchProps.type✔️✔️✔️✔️✔️✔️
SwitchProps.color✔️✔️✔️✔️✔️✔️
SwitchProps.onChange✔️

onChangeEventDetail

参数类型
value
boolean

API 支持度

API微信小程序百度小程序支付宝小程序字节跳动小程序H5React Native
Switch✔️✔️✔️✔️✔️✔️