Update example to use and test bottomsheet

@@ -11,6 +11,7 @@ class MyApp extends StatelessWidget {
     return ScreenUtilInit(
     return ScreenUtilInit(
       builder: (child) {
       builder: (child) {
         return MaterialApp(
         return MaterialApp(
+          key: const GlobalObjectKey('screen-util'),
           debugShowCheckedModeBanner: false,
           debugShowCheckedModeBanner: false,
           title: 'First Method',
           title: 'First Method',
           // You can use the library anywhere in the app even in theme
           // You can use the library anywhere in the app even in theme

@@ -93,6 +93,64 @@ class HomePageScaffold extends StatelessWidget {
                     ),
                     ),
                   ),
                   ),
                   18.verticalSpace,
                   18.verticalSpace,
+                  ElevatedButton(
+                    onPressed: () {
+                      showDialog(
+                        context: context,
+                        builder: (_) {
+                          return Dialog(
+                            child: Padding(
+                              padding: EdgeInsets.all(12.r),
+                              child: const Text('Dialog'),
+                            ),
+                          );
+                        },
+                      );
+                    },
+                    child: const Text('Show Dialog'),
+                  ),
+                  18.verticalSpace,
+                  ElevatedButton(
+                    onPressed: () {
+                      Navigator.of(context).push(
+                        MaterialPageRoute(builder: (context) {
+                          return ScreenUtilInit(builder: (context) {
+                            return HomePageScaffold(title: title);
+                          });
+                        }),
+                      );
+                    },
+                    child: const Text('Go to next page'),
+                  ),
+                  18.verticalSpace,
+                  ElevatedButton(
+                    onPressed: () {
+                      showModalBottomSheet<void>(
+                        context: context,
+                        builder: (BuildContext context) {
+                          return Container(
+                            height: 200.w,
+                            color: Colors.amber,
+                            child: Center(
+                              child: Column(
+                                mainAxisAlignment: MainAxisAlignment.center,
+                                mainAxisSize: MainAxisSize.min,
+                                children: <Widget>[
+                                  const Text('Modal BottomSheet'),
+                                  ElevatedButton(
+                                    child: const Text('Close BottomSheet'),
+                                    onPressed: Navigator.of(context).pop,
+                                  )
+                                ],
+                              ),
+                            ),
+                          );
+                        },
+                      );
+                    },
+                    child: const Text('Open BottomSheet'),
+                  ),
+                  18.verticalSpace,
                   Text('Device width:${ScreenUtil().screenWidth}dp'),
                   Text('Device width:${ScreenUtil().screenWidth}dp'),
                   Text('Device height:${ScreenUtil().screenHeight}dp'),
                   Text('Device height:${ScreenUtil().screenHeight}dp'),
                   Text('Device pixel density:${ScreenUtil().pixelRatio}'),
                   Text('Device pixel density:${ScreenUtil().pixelRatio}'),