Skip to content

react-native-studio/react-native-switchbutton

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-switchbuttonnpm version

一个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时有效

示例

图片名称

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published