iOS Xamarin.Forms返回前页面后按钮消失问题求助

我来帮你排查这个按钮消失的问题！

你作为Xamarin.Forms新手，遇到的问题是：

• 订单添加页面包含三个输入框，点击「客户」输入框会跳转到项目列表页
• 无论从列表页直接返回，还是选择项目后返回原页面，原页面的按钮都会消失

先看一下你提供的界面状态截图：

• 按钮正常显示状态：
  
• 项目列表页面：
  
• 返回或选择项后按钮消失状态：
  

以下是你提供的代码片段：

主添加订单页面ViewModel代码 #

public class AddOrderPageModel : BaseEntryPageModel 
{ 
    public AddOrderPageModel(OrderDataModel order, bool isEditable) 
    { 
        this.order = order; 
        this.isEditable = isEditable; 
    } 

    public string Client { 
        get { return this.client; } 
        set { 
            if (this.client != value) { 
                this.client = value; 
                this.OnPropertyChanged("Client"); 
            } 
        } 
    } 

    public ICommand SearchClientCommand { 
        get { return new Command(this.OnSearchClientCommand); } 
    } 

    private void OnSearchClientCommand(object obj) { 
        refreshOrder = false; 
        PartyListPageModel pageModel = new PartyListPageModel(); 
        pageModel.PartySelected = this.ClientSelected; 
        NavigationHelper.PushOnMainNavigation(new PartyListPage(pageModel)); 
    } 
}

Party列表页面代码 #

public PartyListPage(PartyListPageModel model) 
{ 
    try { 
        this.BindingContext = model; 
        model.CurrentPage = this; 
        this.InitializeComponent(); 
        this.Appearing += model.Init; 
        this.ListView.ItemSelected += model.OnItemSelected; 
        txtSearch.TextChanged += model.TxtSearch_TextChanged; 
        SetTapGestureEventToSearchImage(); 
    } catch (Exception) { 
        throw; 
    } 
} 

// And some methods

Party列表页面XAML代码 #

<?xml version="1.0" encoding="UTF-8"?> 
<basepage:BasePage xmlns ="http://xamarin.com/schemas/2014/forms" 
                   xmlns:x ="http://schemas.microsoft.com/winfx/2009/xaml" 
                   x:Class ="Biocorp.AppClasses.PagesAndViewModels.Party.PartyList.PartyListPage" 
                   xmlns:basepage="clr-namespace:Biocorp.AppClasses.PagesAndViewModels.Base;assembly=Biocorp" 
                   xmlns:i18n ="clr-namespace:Biocorp;assembly=Biocorp" 
                   xmlns:rendered="clr-namespace:Biocorp.AppClasses.Rendered;assembly=Biocorp"> 
    <ContentPage.Content> 
        <RelativeLayout HorizontalOptions="Fill" BackgroundColor ="White"> 
            <RelativeLayout VerticalOptions ="Fill" HorizontalOptions="Fill"> 
                <RelativeLayout.HeightRequest> 
                    <OnPlatform x:TypeArguments="x:Double"> 
                        <On Platform="Android">50</On> 
                        <On Platform="iOS">100</On> 
                    </OnPlatform> 
                </RelativeLayout.HeightRequest> 
                <rendered:BaseButton IsEnabled ="false" Text ="" BackgroundColor ="White" BorderRadius ="2" BorderWidth ="1" 
                                     RelativeLayout.XConstraint ="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0, Constant=5}" 
                                     RelativeLayout.YConstraint ="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0, Constant=5}" 
                                     RelativeLayout.WidthConstraint ="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1, Constant=-10}" 
                                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1, Constant=-10}" /> 
                <StackLayout Orientation ="Horizontal" Spacing ="5" 
                             RelativeLayout.XConstraint ="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0, Constant=5}" 
                             RelativeLayout.YConstraint ="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0, Constant=5}" 
                             RelativeLayout.WidthConstraint ="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1, Constant=-10}" 
                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1, Constant=-10}"> 
                    <StackLayout Orientation ="Vertical" Spacing ="0" Padding ="0,0,0,0" VerticalOptions ="Fill" HorizontalOptions="End" WidthRequest ="40"> 
                        <Image Source ="ic_back" Aspect ="AspectFit" WidthRequest ="15" HeightRequest ="15" VerticalOptions ="CenterAndExpand" HorizontalOptions="CenterAndExpand" /> 
                        <StackLayout.GestureRecognizers> 
                            <TapGestureRecognizer Command="{Binding BackCommand}" /> 
                        </StackLayout.GestureRecognizers> 
                    </StackLayout> 
                    <StackLayout Orientation ="Vertical" Spacing ="0" Padding ="5,5,15,0" VerticalOptions ="Fill" HorizontalOptions="FillAndExpand"> 
                        <rendered:BaseEntry Text ="{Binding SearchText}" x:Name ="txtSearch" Placeholder ="{i18n:Translate App_Search}" 
                                            HorizontalOptions="FillAndExpand" VerticalOptions ="FillAndExpand" HeightRequest ="40" 
                                            BackgroundColor ="Transparent" FontSize ="14" TextColor ="Black" FontAttributes ="None"> 
                        </rendered:BaseEntry> 
                    </StackLayout> 
                    <StackLayout Orientation ="Vertical" Spacing ="0" Padding ="0,0,0,0" VerticalOptions ="Fill" HorizontalOptions="End" x:Name ="slSearch" WidthRequest ="40"> 
                        <Image Source ="ic_search_blue" Aspect="AspectFit" /> 
                    </StackLayout> 
                </StackLayout> 
            </RelativeLayout> 
        </RelativeLayout> 
    </ContentPage.Content> 
</basepage:BasePage>

可能的原因及解决思路 #

1. 页面导航后的布局重绘异常 #

从列表页返回时，原页面的布局可能没有正确触发重绘，导致按钮的布局状态异常（比如尺寸被计算为0、被其他控件覆盖）。

解决方法：
在原页面的Appearing事件中强制刷新布局，确保控件状态正确：

public AddOrderPage()
{
    InitializeComponent();
    this.Appearing += (sender, e) => {
        // 强制刷新整个页面布局
        this.ForceLayout();
        // 如果按钮的可见性绑定了ViewModel属性，手动触发属性变更通知
        // 示例：((AddOrderPageModel)BindingContext).OnPropertyChanged(nameof(IsButtonVisible));
    };
}

2. 自定义导航工具类的问题 #

你使用了NavigationHelper.PushOnMainNavigation进行跳转，这个自定义导航方法可能存在状态管理问题，导致返回时原页面的控件状态丢失。

解决方法：
暂时替换为Xamarin.Forms原生导航方法测试：

// 注意要把方法改成异步
private async void OnSearchClientCommand(object obj) { 
    refreshOrder = false; 
    PartyListPageModel pageModel = new PartyListPageModel(); 
    pageModel.PartySelected = this.ClientSelected; 
    // 使用原生导航替代自定义工具类
    await Application.Current.MainPage.Navigation.PushAsync(new PartyListPage(pageModel));
}

3. isEditable属性的意外修改 #

你的AddOrderPageModel初始化时传入了isEditable参数，如果按钮的可见性绑定到了这个属性，可能在选择客户返回后，该属性被意外修改为false，导致按钮隐藏。

检查点：

• 查看原页面XAML中按钮的IsVisible绑定，比如是否有IsVisible="{Binding isEditable}"
• 检查ClientSelected方法的逻辑，确认是否修改了isEditable的值

4. 自定义BaseButton的状态问题 #

你使用的是自定义rendered:BaseButton，可能在页面生命周期切换时，控件的状态没有正确恢复。

测试方法：
临时将原页面的BaseButton替换为原生Button，如果按钮不再消失，说明问题出在自定义按钮的渲染逻辑中，需要检查自定义渲染器的代码，补充页面出现时的状态恢复逻辑。

5. 布局约束冲突 #

原页面如果使用了复杂的RelativeLayout约束，可能在页面返回时出现布局计算冲突，导致按钮被隐藏。

解决方法：

• 使用Visual Studio的Live Visual Tree工具查看按钮的实时布局状态（比如尺寸、位置、可见性）
• 尝试简化布局，比如将RelativeLayout替换为Grid或StackLayout，避免复杂的相对约束

你可以先从替换原生导航和添加Appearing事件刷新布局这两个方向入手，这是这类问题最常见的解决思路。

内容的提问来源于stack exchange，提问作者Shyamal Dhinoja