Organize examples in simple and complex cases

@@ -112,6 +112,7 @@ class _MyHomePageState extends State<MyHomePage> {
             child: SafeArea(
             child: SafeArea(
               bottom: false,
               bottom: false,
               child: Column(
               child: Column(
+                crossAxisAlignment: CrossAxisAlignment.stretch,
                 mainAxisSize: MainAxisSize.min,
                 mainAxisSize: MainAxisSize.min,
                 children: <Widget>[
                 children: <Widget>[
                   ListTile(
                   ListTile(
@@ -119,6 +120,7 @@ class _MyHomePageState extends State<MyHomePage> {
                       onTap: () => Navigator.of(context).push(
                       onTap: () => Navigator.of(context).push(
                           MaterialWithModalsPageRoute(
                           MaterialWithModalsPageRoute(
                               builder: (context) => CupertinoSharePage()))),
                               builder: (context) => CupertinoSharePage()))),
+                  section('STYLES'),
                   ListTile(
                   ListTile(
                       title: Text('Material fit'),
                       title: Text('Material fit'),
                       onTap: () => showMaterialModalBottomSheet(
                       onTap: () => showMaterialModalBottomSheet(
@@ -139,16 +141,6 @@ class _MyHomePageState extends State<MyHomePage> {
                                     scrollController: scrollController),
                                     scrollController: scrollController),
                           )),
                           )),
                   ListTile(
                   ListTile(
-                      title: Text('Bar Modal reverse list'),
-                      onTap: () => showBarModalBottomSheet(
-                        expand: true,
-                        context: context,
-                        backgroundColor: Colors.transparent,
-                        builder: (context, scrollController) =>
-                            ModalInsideModal(
-                                scrollController: scrollController, reverse: true),
-                      )),
-                  ListTile(
                       title: Text('Avatar Modal'),
                       title: Text('Avatar Modal'),
                       onTap: () => showAvatarModalBottomSheet(
                       onTap: () => showAvatarModalBottomSheet(
                             expand: true,
                             expand: true,
@@ -174,6 +166,7 @@ class _MyHomePageState extends State<MyHomePage> {
                             builder: (context, scrollController) =>
                             builder: (context, scrollController) =>
                                 ModalFit(scrollController: scrollController),
                                 ModalFit(scrollController: scrollController),
                           )),
                           )),
+                  section('COMPLEX CASES'),
                   ListTile(
                   ListTile(
                       title: Text('Cupertino Small Modal forced to expand'),
                       title: Text('Cupertino Small Modal forced to expand'),
                       onTap: () => showCupertinoModalBottomSheet(
                       onTap: () => showCupertinoModalBottomSheet(
@@ -184,6 +177,17 @@ class _MyHomePageState extends State<MyHomePage> {
                                 ModalFit(scrollController: scrollController),
                                 ModalFit(scrollController: scrollController),
                           )),
                           )),
                   ListTile(
                   ListTile(
+                      title: Text('Reverse list'),
+                      onTap: () => showBarModalBottomSheet(
+                            expand: true,
+                            context: context,
+                            backgroundColor: Colors.transparent,
+                            builder: (context, scrollController) =>
+                                ModalInsideModal(
+                                    scrollController: scrollController,
+                                    reverse: true),
+                          )),
+                  ListTile(
                       title: Text('Cupertino Modal inside modal'),
                       title: Text('Cupertino Modal inside modal'),
                       onTap: () => showCupertinoModalBottomSheet(
                       onTap: () => showCupertinoModalBottomSheet(
                             expand: true,
                             expand: true,
@@ -232,4 +236,13 @@ class _MyHomePageState extends State<MyHomePage> {
       ),
       ),
     );
     );
   }
   }
+
+  Widget section(String title) {
+    return Padding(
+        padding: EdgeInsets.fromLTRB(16, 20, 16, 8),
+        child: Text(
+          title,
+          style: Theme.of(context).textTheme.caption,
+        ));
+  }
 }
 }