Switch 通用开关组件 >= 2.0.0

渲染出一个通用的开关组件。这是一个受控组件，需要在 onValueChange 的回调中设置 value。 渲染的效果 iOS 和 Android 是统一的。

使用说明

基本用法

渲染出一个开关组件。

<Switch />

禁用组件

展示一个处于不可操作状态的开关组件，value 属性表示当前组件的状态。

<View>
    <Switch value disabled />
    <Switch value={false} disabled />
</View>

自定义组件颜色

分别在 tintColor、onTintColor 和 thumbTintColor 属性中设置组件关闭状态、打开状态 和 开关按钮的背景色。另外，渲染的效果在 iOS 和 Android 平台间是统一的。

<Switch
    onTintColor="#1BA9BA"
    thumbTintColor="#0000ff"
    tintColor="#ff0000"
/>

属性

value =={ bool }==

Switch 的状态值

默认值: false

disabled =={ bool }==

Switch 组件状态值是否可修改

默认值: false

onValueChange =={ function }==

(value) => {}

方法参数:

参数名 类型 描述 支持版本
value bool 当前修改值

tintColor =={ string }==

关闭状态时的组件背景颜色

onTintColor =={ string }==

打开状态时的组件背景颜色

thumbTintColor =={ string }==

组件开关按钮的背景色

ScrollView
Tab