Xamarin.Forms标签页和注销

时间:2017-09-06 15:43:22

标签: c# xaml xamarin xamarin.forms

我遇到了一个使用Xamarin.Forms的奇怪行为,我无法解决这个问题。

应用程序的基本流程是登录页面是登录表单。登录时,会将您带到选项卡页面。当我使用Logout功能时,它会返回登录页面,但选项卡似乎仍然存在。

Login.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TechsportiseApp.Login">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness"
                    iOS="20, 40, 20, 20"
                    Android="20, 20, 20, 20"
                    WinPhone="20, 20, 20, 20" />
    </ContentPage.Padding>
    <ContentPage.Content>
        <StackLayout VerticalOptions="FillAndExpand"
                     HorizontalOptions="FillAndExpand"
                     Orientation="Vertical"
                     Spacing="15">
            <Label Text="Email" />
            <Entry x:Name="email" Text="123@test.com" />
            <Label Text="Password"  />
            <Entry x:Name="password" Text="xxxxxx" IsPassword="true"/>
            <Button x:Name="loginButton" Text="Login" Clicked="OnLogin"/>
            <Button x:Name="registerButton" Text="Register Account" Clicked="OnRegister"/>
            <Button x:Name="clearButton" Text="Reset" Clicked="OnClear"/>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

如果我从API获取登录的成功代码,则此部分将它们移动到MainPage。

Login.xaml.cs

//Valid response
                if (response.StatusCode.ToString() == "OK")
                {
                    Application.Current.Properties["Token"] = tokenobject.access_token;
                    string token = Application.Current.Properties["Token"].ToString();
                    Navigation.InsertPageBefore (new MainPage (), this);
                    await Navigation.PopAsync();

                }

MainPage.xaml 看起来像这样,是一个标签式导航页面。

<?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:TechsportiseApp.MainUI" 
    x:Class="TechsportiseApp.MainUI.MainPage">

    <local:Races />
    <local:Timer />
    <local:Scanning />
    <NavigationPage Title="Settings">
        <x:Arguments>
            <local:Settings />
        </x:Arguments>
    </NavigationPage>
</TabbedPage>

每个页面都有效。 “设置”页面有一个“注销”按钮。

Settings.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             x:Class="TechsportiseApp.MainUI.Settings"
             Title="Settings">
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Settings will go here" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" />
            <Button x:Name="logoutButton" Text="Logout" Clicked="OnLogout" VerticalOptions="CenterAndExpand" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

使用 Settings.xaml.cs 中的“注销”按钮执行此操作

async void OnLogout(object sender, EventArgs e)
{
    Application.Current.Properties["Token"] = "";
    Navigation.InsertPageBefore (new Login(), this);
    await Navigation.PopAsync();
}

但最终结果是我有登录屏幕......底部有标签栏

enter image description here

我做错了什么?我喜欢这样,当我退出时,标签不可见。

谢谢, 马特

1 个答案:

答案 0 :(得分:2)

设置新的MainPage完成了这项工作。在登录和注销时我使用

为应用程序设置了新的MainPage
{{1}}

而不是PopAsync / PushAsync。