I am looking for a button implementation for the Setting button way to achieve the steps:
1. At the start, the Setting button is in OFF state on screen1
2. Press once, the interaction will change to setting screen for specific settings, this screen will have 2 clicks buttons CONFIRM and CANCEL.
a. If the settings is done and CONFIRM button is clicked, the settings are saved and return back to screen1 the Setting button should show the ON state.
b. If the cancel button is clicked, there will be no saving and return back to screen1 with the Setting button is in OFF state
3. If the Setting was in ON state after successfully CONFIRM the setting, press one more time, the Setting button should go back to OFF state, and NO screen changing.
I am be able to use the toggle button to implement the Setting button, and by create the interaction to do the screen switch from the first press, and don't call the interaction on the second press to achieve the OFF, Switch Screen, CONFIRM, Go back to Screen1, with Setting Button On state.
However, I don't know how to handle the Setting Button State OFF when the cancel button is clicked in the Setting Screen.
