https://github.com/react-native-studio/react-native-switchbutton
提供IOS样式的跨平台的Switch组件
https://github.com/react-native-studio/react-native-switchbutton
bool button input switch switch-button switchbutton
Last synced: 10 months ago
JSON representation
提供IOS样式的跨平台的Switch组件
- Host: GitHub
- URL: https://github.com/react-native-studio/react-native-switchbutton
- Owner: react-native-studio
- License: apache-2.0
- Created: 2018-04-04T06:39:52.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-08T02:47:28.000Z (over 7 years ago)
- Last Synced: 2025-03-30T18:02:13.699Z (11 months ago)
- Topics: bool, button, input, switch, switch-button, switchbutton
- Language: JavaScript
- Homepage:
- Size: 330 KB
- Stars: 10
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-switchbutton[](https://badge.fury.io/js/react-native-switchbutton)
一个IOS样式的跨平台（cross-platform）平台的switch组件
## 第一步
工程目录下运行:
` npm install --save react-native-switchbutton`
或者(已经安装了yarn):
` yarn add react-native-switchbutton`
## 第二部使用
在工程中导入：
```js
import Switch from 'react-native-switchbutton';
//使用方法和RN官方的Switch类似，
```
## 属性
```js
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时有效
```
## 示例
