react-native-switchbutton

一个IOS样式的跨平台（cross-platform）平台的switch组件

第一步

工程目录下运行:
npm install --save react-native-switchbutton
或者(已经安装了yarn):
yarn add react-native-switchbutton

第二部使用

在工程中导入：

import Switch from 'react-native-switchbutton';

//使用方法和RN官方的Switch类似，
<Switch/>

属性

View props... 

disabled bool 

如果为true，这个组件不能进行交互。

onValueChange function 

当值改变的时候调用此回调函数，参数为新的值。

value bool 

表示此开关是否打开。默认为false（关闭状态）。

onTintColor ColorPropType 

开启状态时的背景颜色。

thumbTintColor ColorPropType 

开关上圆形按钮的背景颜色。

tintColor ColorPropType 

关闭状态时的边框颜色(iOS)或背景颜色(Android)。

useNative bool

使用RN官方提供的switch

tintColorUsage string

tintColor的使用，border和background可供选择,仅在useNative为false时有效

useNativeDriver

是否使用原生动画,仅在useNative为false时有效

示例