MAUI Label randomly appearing and disappearing in iOS

Question

MAUI Label randomly appearing and disappearing in iOS

Jai Holloway 110

Hi there

I have an if statement that sets the visible property of a label to false if there is no value or it is 0. But I have checked the result from the api and there definitely is a value. The behaviour is inconsistent. Sometimes when I navigate to the item then navigate back, it shows the label. The I repeat and the label disappears. It works consistently in android, but not ios

0 comments

2 answers

Your answer

Answer 1

Michael Le (WICLOUD CORPORATION) 11,325 Microsoft External Staff Moderator

Hello @Jai Holloway ,

From what you have described, I imagine you are likely setting IsVisible directly in code-behind instead of binding it to a ViewModel property that fires INotifyPropertyChanged. iOS is not forgiving about when it re-renders, so if you have something like this:

if (apiValue == 0)
    myLabel.IsVisible = false;

This would create a race condition.

Using a proper binding and making sure to raise PropertyChanged when the value changes should resolve the issue. For example:

private bool _showLabel;
public bool ShowLabel
{
    get => _showLabel;
    set
    {
        _showLabel = value;
        OnPropertyChanged();
    }
}

And then in your XAML:

<Label IsVisible="{Binding ShowLabel}" />

I would also appreciate if you could share the relevant code snippets or more details about your implementation in future questions, to prevent any misunderstandings and to provide you with the most accurate assistance.

If this response was informative, I would be grateful if you could leave your confirmation following the instructions provided in this guide.

Thank you.

Jai Holloway 110

Th Binding doesn't work.

Here is my code:

<?xml version="1.0" encoding="UTF-8"?>
<ContentView  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="TourGrosses.Controls.ArtistSummaryItem" Style="{DynamicResource ContentViewBase}"
              xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
              xmlns:controls="clr-namespace:TourGrosses.Controls"
              x:Name="this">
    <ContentView.Content>
        <StackLayout Orientation="Vertical" Spacing="-15" Padding="5" BackgroundColor="{AppThemeBinding Light={DynamicResource ArtistTourDetailBackground}, Dark={DynamicResource ArtistTourDetailBackgroundDark}}">
            <StackLayout Spacing="10" Padding="10">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <telerik:RadBorder Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" CornerRadius="8">
                        <Label x:Name="ArtistLabel" 
                               HorizontalTextAlignment="Center" 
                               VerticalTextAlignment="Center" 
                               Style="{AppThemeBinding Light={DynamicResource ArtistSummaryTitle}, Dark={DynamicResource ArtistSummaryTitleDark}}" 
                               FontSize="Medium"
                               FontAutoScalingEnabled="False"/>
                    </telerik:RadBorder>
                </Grid>
            </StackLayout>



            <controls:TourGrossDetailItem x:Name="NoShowsLabel" Label="No. Shows" />
            <controls:TourGrossDetailItem x:Name="AttendanceLabel" Label="Attendance" />
            <controls:TourGrossDetailItem x:Name="GrossLabel" Label="Gross" />
            <controls:TourGrossDetailItem x:Name="PerHeadLabel" Label="Per Head" />
            <controls:TourGrossDetailItem x:Name="ProductsSoldLabel" Label="Products Sold" IsVisible="{Binding HasProducts}"/>
        </StackLayout>
    </ContentView.Content>
</ContentView>

<?xml version="1.0" encoding="UTF-8"?>
<ContentView  xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TourGrosses.Controls.TourGrossDetailItem">
    <ContentView.Content>
        <StackLayout>
            <StackLayout Style="{AppThemeBinding Light={DynamicResource DetailStackLayout}, Dark={DynamicResource DetailStackLayoutDark}}" 
                         Orientation="Horizontal" 
                         Spacing="100" >
                <Label x:Name="ItemLabel" 
                       Style="{AppThemeBinding Light={DynamicResource TourGrossDetailItemLabel}, Dark={DynamicResource TourGrossDetailItemLabelDark}}" 
                       FontSize="Medium" FontAutoScalingEnabled="False"/>
                <Label Style="{AppThemeBinding Light={DynamicResource TourGrossDetailItemValue}, Dark={DynamicResource TourGrossDetailItemValueDark}}" 
                       HorizontalOptions="EndAndExpand" 
                       x:Name="ItemValue" 
                       HorizontalTextAlignment="End" 
                       FontSize="Medium"
                       FontAutoScalingEnabled="False"></Label>
            </StackLayout>
        </StackLayout>
    </ContentView.Content>
</ContentView>

The binding is not being picked up in the first control.

Jai Holloway 110 Reputation points

2026-05-29T04:40:09.5533333+00:00

It is a control, not a view. There is no viewmodel for the control, but it's not picking up the properties
Jai Holloway 110 Reputation points

2026-05-29T05:35:10.79+00:00

Ok, I set the IsVisible in the OnPropertyChanged method. This partly works. Sometimes it shows the label when it shouldn't. How do I make this behaviour consistent?
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2026-05-29T06:39:29.3766667+00:00
Thanks for the update.

Your control is probably doing BindingContext = this in the constructor, which hijacks the binding context away from your viewmodel, like:

public ArtistSummaryItem() { InitializeComponent(); BindingContext = this; // this is the problem }

Can you check if BindingContext = this is in your code-behind?

remove BindingContext = this if it's there

make HasProducts a proper BindableProperty on the control instead of a regular property

public static readonly BindableProperty HasProductsProperty = BindableProperty.Create(nameof(HasProducts), typeof(bool), typeof(ArtistSummaryItem), false); public bool HasProducts { get => (bool)GetValue(HasProductsProperty); set => SetValue(HasProductsProperty, value); }
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2026-06-02T02:10:44.7566667+00:00

Hello @Jai Holloway , if you're still interested or have any questions, I’d be happy to help. Feel free to reach out whenever it works best for you.

Answer 2

On iOS, visual elements can behave differently from Android due to platform-specific layout and lifecycle differences. A Label is a View that displays text and its visibility is controlled by properties such as IsVisible and by how the layout measures and arranges it.

Given the symptoms (intermittent visibility, fixed by navigating away/back, Android working fine), likely causes include:

Platform-specific layout/measure timing
iOS may be measuring or arranging the page at a time when the bound value is not yet set, or when the binding context changes later. If the IsVisible property is bound to a value that updates after the initial layout pass, the label may not re-measure correctly unless the layout is invalidated.
Binding or value conversion issues
If the IsVisible is bound to a value derived from the API result (e.g., via a converter or computed property), ensure:
- The property raises PropertyChanged correctly whenever the API result changes.
- The converter returns a deterministic bool for all possible values (including null or default values).
Navigation and page reuse
When navigating back and forth, the same page instance may be reused, and iOS can re-apply layout differently than Android. If the visibility logic runs only once (e.g., in the constructor or OnAppearing without re-evaluating the latest data), the label may end up with stale visibility state.

To stabilize behavior on iOS:

Bind IsVisible to a view-model property rather than setting it directly in code-behind if statements, and ensure INotifyPropertyChanged is implemented correctly.
Force layout refresh when the API data arrives: after updating the bound property, call InvalidateMeasure or ForceLayout on the parent layout or page so iOS re-measures and re-arranges the label.
Avoid relying on initial layout only: ensure the visibility logic is re-evaluated whenever the API data changes or when the page appears again (e.g., in OnAppearing), not just once in the constructor.
Check for value edge cases: confirm that the API value is not sometimes 0, null, or an empty string on iOS due to serialization or culture differences, and that the visibility condition handles all of these consistently.

These steps align with how MAUI views like Label participate in layout and measurement across platforms, and help eliminate platform-specific timing issues that can cause intermittent visibility.

References:

Label Class

Share via

MAUI Label randomly appearing and disappearing in iOS

2 answers

Your answer