Bottom Sheet

[lucacivale]

Hello,

I haven't seen a Bottom Sheet wich doesn't rely on a relative layout so I created a new control which uses the native APIs.

The API is quite simple

BottomSheet

public DataTemplate? BottomSheetContentDataTemplate { get; set; }
public BottomSheetState BottomSheetState { get => (BottomSheetState)GetValue(BottomSheetStateProperty); set => SetValue(BottomSheetStateProperty, value); }
public bool IsOpen { get => (bool)GetValue(IsOpenProperty); set => SetValue(IsOpenProperty, value); }
public bool IsModal { get => (bool)GetValue(IsModalProperty); set => SetValue(IsModalProperty, value); }
public bool Cancelable { get => (bool)GetValue(CancelableProperty); set => SetValue(CancelableProperty, value); }
public string Title { get => (string)GetValue(TitleProperty); set => SetValue(TitleProperty, value); 

BottomSheetState

    public enum BottomSheetState
    {
        Unknown = 0,
        Medium = 1,
        Large = 2,
        MediumAndLarge = 3
    }

Usage

        <bottomsheet:BottomSheet
            IsModal="{Binding IsModal}"
            Title="{Binding Title}" VerticalOptions="FillAndExpand"
            IsOpen="{Binding IsOpen}" Cancelable="{Binding Hideable}"
            BottomSheetState="{Binding BottomSheetState}">
            <StackLayout>
                <Label Text="I am the main view"/>
            </StackLayout>
            <bottomsheet:BottomSheet.BottomSheetContentDataTemplate>
                <DataTemplate>
                    <StackLayout>
                        <CollectionView
                            ItemsSource="{Binding List}" SelectedItem="{Binding SelectedItem}"
                            SelectionMode="Single"
                            SelectionChangedCommand="{Binding SelectionChangedCommand}"/>
                    </StackLayout>
                </DataTemplate>
                </bottomsheet:BottomSheet.BottomSheetContentDataTemplate>
        </bottomsheet:BottomSheet>

Probably this is something for the toolkit.

[VladislavAntonyuk]

Duplicate of #143

[CliffAgius]

Closed as answered