m3e_bottom_sheet 0.0.1

A Flutter package providing a Material 3 Expressive modal bottom sheet with spring physics entrance motion, drag handle, and extensive customization options.

example/lib/main.dart

// Copyright (c) 2026 Mudit Purohit
//
// This source code is licensed under the MIT license found in the
// LICENSE file in the root directory of this source tree.

import 'package:material_ui/material_ui.dart';
import 'package:m3e_bottom_sheet/m3e_bottom_sheet.dart';

import 'screens/bottom_sheet_demo_screen.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'M3E Bottom Sheet Demo',
      themeMode: ThemeMode.system,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.deepPurple,
          brightness: Brightness.light,
        ),
        useMaterial3: true,
        // Register app-wide default styling for every M3EBottomSheet via the
        // theme extension. Here we give sheets a subtle elevation by default.
        extensions: [
          M3EBottomSheetThemeData(
            style: M3EBottomSheetStyle(
              elevation: 2,
              shadowColor: Colors.black.withValues(alpha: 0.3),
            ),
          ),
        ],
      ),
      darkTheme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.deepPurple,
          brightness: Brightness.dark,
        ),
        useMaterial3: true,
        extensions: [
          M3EBottomSheetThemeData(
            style: M3EBottomSheetStyle(
              elevation: 2,
              shadowColor: Colors.black.withValues(alpha: 0.5),
            ),
          ),
        ],
      ),
      home: const BottomSheetDemoScreen(),
    );
  }
}