Skip to main content
Version: 3.x

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

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

H5 属性

属性名类型默认值说明
nativePropsObject{}H5 独有,用于透传 WebComponents 上的属性到内部 H5 标签上

API 支持度

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

onChangeEventDetail

参数类型
valueboolean

API 支持度

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