Switch
Think of a Light Switch. It has two settings, On and Off. That is exactly what the switch component is like.
A switch is a component that has two settings, true and false. You can get your app to do specific tasks only if the switch is set to true.
Each time the switch is clicked the value will change. The value returned will only ever be
true or false. To test this for yourself you can use the following blocks.
In the following example, the user can only advance to
Screen2 if the acknowledge they have accepted the terms and conditions by clicking on the switch.
Event | Description |
On Value Change | By default, the switch newValue will be set to false. If turned on, the newValue will be set to true |
Value | If on, value is set to true; if off, false |
Disabled | If set to true, switch will be disabled |
You can customize the switch with the following properties:
- Tint Color: Color of the switch track when switch is set to off
- On Tint Color: Color of the switch track when switch set to on
- Thumb Tint Color: Color of the switch thumb
This event fires every time the switch is clicked.
The disabled property is used to set whether or not the button is "clickable". Expected values for this property are:
- True
- False
The set and get height blocks work with the Height property of the switch component.
Change the "active" color of the switch.
Change the color of the switch
Change the "inactive" color of the switch
Change the state (on or off) of the switch
Show or hide the switch on the screen.
The set and get height blocks work with the Width property of the switch component.
Last modified 11mo ago