This example shows how you can use our BottomSheet control to implement a master-detail view. The detail view includes a list (CollectionView) and custom buttons (SimpleButtons).
Please register the DevExpress NuGet Gallery in Visual Studio to restore NuGet packages used in this solution. See the following topic for more information: Get Started with DevExpress Mobile UI for .NET MAUI.
You can also refer to the following YouTube video for more information on how to get started with the DevExpress .NET MAUI Controls: Setting up a .NET MAUI Project.
- Handle the CollectionView.SelectionChanged event and set the BottomSheet.State and BottomSheet.HalfExpandedRatio properties to expand the bottom sheet when a user selects an item.
- Handle the CollectionView.Scrolled event and decrease the BottomSheet.HalfExpandedRatio property value to adjust the bottom sheet height and give users more space to observe the master view.
- Bind the detail CollectionView to the master's CollectionView.SelectedItem property to populate the detail collection.