rn 开关组件Switch

1、引入import { View, Switch, StyleSheet } from "react-native";2、使用<SwitchtrackColor={{ false: "#767577", true: "#81b0ff" }}thumbColor={isEnabled ? "#f5dd4b" : "#f4f3f4"}ios_backgroundColor="#3e3e3e"o

神奇大叔

788人浏览 · 2020-08-24 21:05:24

神奇大叔 · 2020-08-24 21:05:24 发布

1、引入
	import { View, Switch, StyleSheet } from "react-native";

2、使用
    <Switch
        trackColor={{ false: "#767577", true: "#81b0ff" }}
        thumbColor={isEnabled ? "#f5dd4b" : "#f4f3f4"}
        ios_backgroundColor="#3e3e3e"
        onValueChange={toggleSwitch}
        value={isEnabled}
      />
      
3、参数
	trackColor={false: color, true: color}  开启/关闭状态时的背景颜色。
	ios_backgroundColor='x'	在iOS上，自定义背景颜色。当开关值为false或开关被禁用时(开关是半透明的)，可以看到这个背景颜色。
	onValueChange	当值改变的时候调用此回调函数，参数为新的值。
	testID	用来在端到端测试中定位此视图。
	thumbColor='x'	开关上圆形按钮的背景颜色。在 iOS 上设置此颜色会丢失按钮的投影。
	tintColor='x' 	关闭状态时的边框颜色(iOS)或背景颜色(Android)。
	value=布尔值变量	表示此开关是否打开。默认为 false（关闭状态）。