Switch

开关选择器

属性

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

各端支持度

属性微信小程序H5ReactNative百度小程序支付宝小程序字节跳动小程序
checked
type
color
示例:
  1. import Taro, { Component } from '@tarojs/taro'
  2. import { View, Text, Switch } from '@tarojs/components'
  3. export default class PageView extends Component {
  4. constructor() {
  5. super(...arguments)
  6. }
  7. render() {
  8. return (
  9. <View className='components-page'>
  10. <Text>默认样式</Text>
  11. <Switch checked/>
  12. <Switch/>
  13. <Text>推荐展示样式</Text>
  14. <Switch checked/>
  15. <Switch/>
  16. </View>
  17. )
  18. }
  19. }