开关选择器

参考文档

类型

  1. ComponentType<SwitchProps>

示例代码

  1. export default class PageView extends Component {
  2.   constructor() {
  3.     super(...arguments)
  4.   }
  6.   render() {
  7.     return (
  8.       <View className='components-page'>
  9.         <Text>默认样式</Text>
  10.         <Switch checked/>
  11.         <Switch/>
  12.         <Text>推荐展示样式</Text>
  13.         <Switch checked/>
  14.         <Switch/>
  15.       </View>
  16.     )
  17.   }
  18. }

SwitchProps

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

API 支持度

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

onChangeEventDetail

参数类型
valueboolean

API 支持度

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