How can I disable router, when the back button is clicked during some status, is true?
I tried this page to fix up what I mentioned above, but it is still activated when the back button is clicked.
Below are what I tried and if you need any more code which I tried to solve this problem, please let me know.
<StackPanel Padding="0" Dock="Bottom" ux:Name="RegionSelectPanel" Height="420">
...
<WhileFalse Value="{regionSelectVisible}" ux:Name="RegionSelectorStatus">
<Change RegionSelectPanel.Height="0" EasingBack="QuarticIn" Duration="0.6" DurationBack="0.9"/>
</WhileFalse>
<WhileTrue Value="{regionSelectVisible}">
<OnBackButton>
<Set RegionSelectorStatus.Value="false"/>
</OnBackButton>
</WhileTrue>
</StackPannel>
<Page>
...
<WhileFalse Value="{regionSelectVisible}">
<OnBackButton Handler="{handleGoBack}" />
</WhileFalse>
</Page>
function toggleRegionPanel(){
regionSelectVisible.value = !regionSelectVisible.value;
}
function handleGoBack(){
router.goBack();
console.log('goback!');
}