Skip to main content
Version: 1.x

Switch

开关选择器

属性

属性名类型默认值说明
checkedBooleanfalse是否选中
typeStringswitch样式,有效值:switch, checkbox
colorColorswitch 的颜色,同 css 的 color

各端支持度

属性微信小程序H5ReactNative百度小程序支付宝小程序字节跳动小程序
checked
type
color
示例:
import Taro, { Component } from '@tarojs/taro'
import { View, Text, Switch } from '@tarojs/components'

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>
)
}
}