iOS device works as not expected

Nam Pham 126 Reputation points
2023-02-06T02:46:09.28+00:00

I published MAUI APP to Testflight

but, the app installed from Testflight works with some problems

  • Title of FlyoutItem in Shell does not appear
  • Carousels does appear
  • CollectionView does not show data

on iOS emulator all of them works well.

on App installed from Testflight

ios_flyout

Does anyone know what happened, please help me, many thanks

Here is my code:

AppShell

 <!--style flyout item-->
    <Shell.ItemTemplate>
        <DataTemplate>
            <VerticalStackLayout Padding="30,0">
                <Label Text="{Binding Title}" 
                           x:DataType="Shell"
                           FontAttributes="Bold"
                           TextColor="White"
                           Padding="0,10"
                           FontSize="Medium" 
                           VerticalTextAlignment="Center"/>
                <BoxView Color="#252a2b" VerticalOptions="FillAndExpand" HeightRequest="1"/>
            </VerticalStackLayout>
        </DataTemplate>
    </Shell.ItemTemplate>

    <!--style menu item-->
    <Shell.MenuItemTemplate>
        <DataTemplate>
            <VerticalStackLayout Padding="30,0">
                <Label Text="{Binding Title}" 
                           x:DataType="Shell"
                           FontAttributes="Bold"
                           TextColor="White"
                           Padding="0,10"
                           FontSize="Medium" 
                           VerticalTextAlignment="Center"/>
                <BoxView Color="#252a2b" VerticalOptions="FillAndExpand" HeightRequest="1"/>
            </VerticalStackLayout>
        </DataTemplate>
    </Shell.MenuItemTemplate>

    <!--shell content-->
    <ShellItem FlyoutItemIsVisible="False">
        <ShellContent
        Title="LoadingPage"
        ContentTemplate="{DataTemplate view:LoadingPage}"
        Route="LoadingPage" />
    </ShellItem>

    <ShellItem FlyoutItemIsVisible="False">
        <ShellContent
        Title="Login"
        ContentTemplate="{DataTemplate view:LoginPage}"
        Route="LoginPage" />
    </ShellItem>

    <!--flyout item-->
    <MenuItem Text="" Command="{Binding ImgCloseTappedCommand}">
        <Shell.MenuItemTemplate>
            <DataTemplate>
                <VerticalStackLayout Padding="0,15">
                    <Image Source="close.png" VerticalOptions="Center" WidthRequest="35" HeightRequest="35" HorizontalOptions="Start" Margin="25,0,0,10"></Image>
                    <BoxView Color="#252a2b" VerticalOptions="FillAndExpand" HeightRequest="1"/>
                </VerticalStackLayout>
            </DataTemplate>
        </Shell.MenuItemTemplate>
    </MenuItem>
    
    <FlyoutItem Title="Home">
        <ShellContent Title="Home" ContentTemplate="{DataTemplate view:HomePage}" Route="HomePage"/>
    </FlyoutItem>
    
    <FlyoutItem Title="About">
        <ShellContent Title="About" ContentTemplate="{DataTemplate view:AboutPage}" Route="AboutPage"/>
    </FlyoutItem>

    <FlyoutItem Title="Settings">
        <ShellContent Title="Settings" ContentTemplate="{DataTemplate view:SettingPage}" Route="SettingPage"/>
    </FlyoutItem>

    <MenuItem Text="Sign out" Command="{Binding SignoutClickedCommand}"></MenuItem>

    <MenuItem Text="Rate our app" Command="{Binding RateOurAppClickedCommand}"></MenuItem>

    <FlyoutItem Title="Manage Devices">
        <ShellContent Title="Manage Devices" ContentTemplate="{DataTemplate view:DevicePage}" Route="DevicePage"/>
    </FlyoutItem>

Carousel:

 <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <CarouselView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" x:Name="HomeCarousel" ItemsSource="{Binding CarouselImages}" IndicatorView="indicatorView">
                <CarouselView.ItemTemplate>
                    <DataTemplate>
                        <StackLayout HorizontalOptions="FillAndExpand">
                            <Image Source="{Binding .}"
                                   HorizontalOptions="FillAndExpand"
                                   VerticalOptions="FillAndExpand"
                                   Aspect="AspectFill" />
                        </StackLayout>
                    </DataTemplate>
                </CarouselView.ItemTemplate>
            </CarouselView>
        </Grid>
.NET MAUI
.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
3,932 questions
{count} votes

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.