switch 滑动开关

Switch 开关组件是一种常见的用户界面组件，通常用于在两个状态之间进行切换，例如开启和关闭，选中和未选中等

Props参数

名称	类型	是否必传	默认值	描述
checked	boolean	✅	-	选中状态
disabled	boolean	否	-	是否禁用
onChange	(checked: boolean) => void	否	-	改变事件

示例

import { View } from '@tarojs/components'
import { useState } from 'react'
import MMSwitch from '~/components/switch'
import MMCell from '~/components/cell'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'

export default () => {
  const [checked, setChecked] = useState(false)

  function onChange(checked) {
    setChecked(checked)
  }

  return (
    <MMPageContainer title="滑动开关">
      <PageDemoBlock title="使用">
        <MMSwitch checked={checked} onChange={onChange} />
      </PageDemoBlock>

      <PageDemoBlock title="禁用">
        <MMSwitch checked={checked} disabled onChange={onChange} />
      </PageDemoBlock>

      <PageDemoBlock title="组合使用" />

      <MMCell title="title">
        <MMSwitch checked={checked} onChange={onChange} />
      </MMCell>
      <View className="spacingSmall" />
    </MMPageContainer>
  )
}