Skip to content

Repository files navigation

react-native-switchbuttonnpm version

一个IOS样式的跨平台(cross-platform)平台的switch组件

第一步

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

第二部使用

在工程中导入:

importSwitchfrom'react-native-switchbutton';//使用方法和RN官方的Switch类似,<Switch/>

属性

Viewprops... disabledbool如果为true,这个组件不能进行交互。onValueChangefunction当值改变的时候调用此回调函数,参数为新的值。valuebool表示此开关是否打开。默认为false(关闭状态)。onTintColorColorPropType开启状态时的背景颜色。thumbTintColorColorPropType开关上圆形按钮的背景颜色。tintColorColorPropType关闭状态时的边框颜色(iOS)或背景颜色(Android)useNativebool使用RN官方提供的switchtintColorUsagestringtintColor的使用,border和background可供选择,仅在useNative为false时有效useNativeDriver是否使用原生动画,仅在useNative为false时有效

示例

图片名称

About

提供IOS样式的跨平台的Switch组件

Topics

Resources

Stars

10 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages