Add new example

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 
 
 import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
 import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
 
 
+import 'modals/floating_modal.dart';
 import 'modals/modal_complex_all.dart';
 import 'modals/modal_complex_all.dart';
 import 'modals/modal_fit.dart';
 import 'modals/modal_fit.dart';
 import 'modals/modal_inside_modal.dart';
 import 'modals/modal_inside_modal.dart';
@@ -142,6 +143,13 @@ class _MyHomePageState extends State<MyHomePage> {
                                     scrollController: scrollController),
                                     scrollController: scrollController),
                           )),
                           )),
                   ListTile(
                   ListTile(
+                      title: Text('Float Modal'),
+                      onTap: () => showFloatingModalBottomSheet(
+                            context: context,
+                            builder: (context, scrollController) =>
+                                ModalFit(scrollController: scrollController),
+                          )),
+                  ListTile(
                       title: Text('Cupertino Modal fit'),
                       title: Text('Cupertino Modal fit'),
                       onTap: () => showCupertinoModalBottomSheet(
                       onTap: () => showCupertinoModalBottomSheet(
                             expand: false,
                             expand: false,

+import 'dart:math';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter/widgets.dart';
+import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
+
+class FloatingModal extends StatelessWidget {
+  final Widget child;
+  final Color backgroundColor;
+
+  const FloatingModal({Key key, this.child, this.backgroundColor})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Padding(
+        padding: EdgeInsets.symmetric(horizontal: 20),
+        child: Material(
+          color: backgroundColor,
+          clipBehavior: Clip.antiAlias,
+          borderRadius: BorderRadius.circular(12),
+          child: child,
+        ),
+      ),
+    );
+  }
+}
+
+Future<T> showFloatingModalBottomSheet<T>({
+  @required BuildContext context,
+  @required ScrollWidgetBuilder builder,
+  Color backgroundColor,
+}) async {
+  final result = await showCustomModalBottomSheet(
+      context: context,
+      builder: builder,
+      containerWidget: (_, animation, child) => FloatingModal(
+            child: child,
+          ),
+      expand: false);
+
+  return result;
+}