Why doesn't hide my SideMenuView in xamarin forms

Question

I designed that if user click listviewitem, sidemenu load and show some data

but i have some problem which is side menu not hide

you can see above first screenshot side menu not hide, if i click list view item, side menu change second screenshot

<ContentPage.Content>
       <xct:SideMenuView State="{Binding SideMenuState}" xct:SideMenuView.MenuGestureEnabled="False" xct:SideMenuView.Position="MainView"> 
        <ListView x:Name="lvMonitoring" SeparatorVisibility="None" HasUnevenRows="True" Margin="0, 5, 0, 0"
              SelectedItem="{Binding SelectedChannel}" ItemsSource="{Binding TargetChannelList}">
            <ListView.ItemTemplate>
                <DataTemplate x:DataType="model:Channel">
                    <ViewCell>
                        <Frame CornerRadius="5" Margin="4" HasShadow="True" Padding="0">
                            <Grid BackgroundColor="{Binding Status, Converter={StaticResource Key=StatusToColorConverter}}" HeightRequest="60">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="0.6*"/>
                                    <ColumnDefinition Width="0.4*"/>
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0" HorizontalOptions="Start" VerticalOptions="Center" Margin="10, 0, 0, 0">
                                    <StackLayout>
                                        <Label Text="{Binding DisplayName}" Style="{StaticResource DefaultLabel}"/>
                                    </StackLayout>
                                </Grid>
                                <Grid Grid.Column="1" Margin="0, 0, 15, 0" HorizontalOptions="End" VerticalOptions="Center">
                                    <Label Text="{Binding Status, Converter={StaticResource Key=StatusToTextConverter}}" />
                                </Grid>
                            </Grid>
                        </Frame>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        
        <xct:TabView  xct:SideMenuView.Position="RightMenu"
            xct:SideMenuView.MenuWidthPercentage=".7">
            <xct:TabViewItem Text="">
                <Button Text=""/>
            </xct:TabViewItem>
            <xct:TabViewItem Text="">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="0.1*"/>
                        <RowDefinition Height="0.9*"/>
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="0.4*"/>
                            <ColumnDefinition Width="0.4*"/>
                            <ColumnDefinition Width="0.2*"/>
                        </Grid.ColumnDefinitions>
                    </Grid>
                    <ListView Grid.Row="1" ItemsSource="{Binding NotificationHistoryList}">
                        <ListView.ItemTemplate>
                            <DataTemplate x:DataType="model:NotificationHistory">
                                <ViewCell>
                                    <Frame HasShadow="True" CornerRadius="4" Margin="4" Padding="0">
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="0.4*"/>
                                                <ColumnDefinition Width="0.4*"/>
                                                <ColumnDefinition Width="0.2*"/>
                                            </Grid.ColumnDefinitions>
                                            <Label Grid.Column="0" Text="{Binding DetailLocation}" Style="{StaticResource DefaultLabel}"/>
                                            <Label Grid.Column="1" Text="{Binding NotificationReceivedDateTime, StringFormat='{MM월-dd일 HH시 mm분 ss초}'}" Style="{StaticResource DefaultLabel}"/>
                                            <Label Grid.Column="2" Text="{Binding NotificationStatus, Converter={StaticResource Key=StatusToTextConverter}}" 
                                                   TextColor="{Binding NotificationStatus, Converter={StaticResource Key=StatusToColorConverter}}"/>
                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </Grid>
            </xct:TabViewItem>
        </xct:TabView>
    </xct:SideMenuView>
</ContentPage.Content>

above code is my xaml code, i want to know solution. if i forget to set property or setting, please tell me

Reproduction repo: https://github.com/Sunday5214/XamarinXAMLExamples

Answer 1

Better to initialize state property:

private SideMenuState state = SideMenuState.MainViewShown;

During app starts, setter of SelectedItem is hit with a null value, so better to do a check to avoid setting the State property to SideMenuState.RightMenuShown:

    public string SelectedItem
        {
            get => selectedItem;
            set
            {
                SetProperty(ref selectedItem, value);
                if (value != null)
                {
                    State = SideMenuState.RightMenuShown;
                }
            }
        }