-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.js
63 lines (51 loc) · 1.72 KB
/
example.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import React from "react";
import {View,Text} from "react-native";
import SwitchButton from "@yyrdl/react-native-switch-button";
export default class App extends React.Component{
constructor(props){
super(props);
this.state = {text:"Off"}
}
render(){
return (
<View
style={{
flex:1,
alignItems:"center",
}}
>
<Text style={{fontSize:24,padding:30}}>{"react-native-switch-button"}</Text>
<Text>{"Default"}</Text>
<SwitchButton
slotWidth = { 80 }
slotHeight= { 20 }
circleRadius= { 15 }
onChangeState= {()=>{}}
/>
<Text style={{padding:20}}>{this.state.text}</Text>
<SwitchButton
slotWidth = { 40 }
slotHeight= { 20 }
circleRadius= { 10 }
activeSlotColor="#00cc00"
activeCircleColor="white"
onChangeState= {(active)=>{this.setState({text:active ? "On":"Off"})}}
/>
<Text style={{padding:20}}>{""}</Text>
<SwitchButton
slotWidth = { 15 }
slotHeight= { 80 }
circleRadius= { 15 }
/>
<Text style={{padding:20}}>{""}</Text>
<SwitchButton
slotWidth = { 100 }
slotHeight= { 10 }
circleRadius= { 10 }
inactiveCircleColor="red"
activeCircleColor= "#00cc00"
/>
</View>
)
}
}