Cupertino examples improvements and clean up (#103044)

Author: TahaTesser

examples/api/lib/cupertino/bottom_tab_bar/bottom_tab_bar.0.dart renamed to examples/api/lib/cupertino/bottom_tab_bar/cupertino_tab_bar.0.dart

@@ -6,42 +6,43 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const CupertinoTabBarApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'Flutter Code Sample';
+class CupertinoTabBarApp extends StatelessWidget {
+  const CupertinoTabBarApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: MyStatefulWidget(),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: CupertinoTabBarExample(),
     );
   }
 }
 
-class MyStatefulWidget extends StatefulWidget {
-  const MyStatefulWidget({Key? key}) : super(key: key);
-
-  @override
-  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
-}
+class CupertinoTabBarExample extends StatelessWidget {
+  const CupertinoTabBarExample({Key? key}) : super(key: key);
 
-class _MyStatefulWidgetState extends State<MyStatefulWidget> {
   @override
   Widget build(BuildContext context) {
     return CupertinoTabScaffold(
       tabBar: CupertinoTabBar(
         items: const <BottomNavigationBarItem>[
           BottomNavigationBarItem(
-            icon: Icon(CupertinoIcons.circle),
-            label: 'Tab 1',
+            icon: Icon(CupertinoIcons.star_fill),
+            label: 'Favourites',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(CupertinoIcons.clock_solid),
+            label: 'Recents',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(CupertinoIcons.person_alt_circle_fill),
+            label: 'Contacts',
           ),
           BottomNavigationBarItem(
-            icon: Icon(CupertinoIcons.add),
-            label: 'Tab 2',
+            icon: Icon(CupertinoIcons.circle_grid_3x3_fill),
+            label: 'Keypad',
           ),
         ],
       ),

examples/api/lib/cupertino/button/cupertino_button.0.dart

@@ -6,51 +6,51 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const CupertinoButtonApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'Flutter Code Sample';
+class CupertinoButtonApp extends StatelessWidget {
+  const CupertinoButtonApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: MyStatelessWidget(),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: CupertinoButtonExample(),
     );
   }
 }
 
-class MyStatelessWidget extends StatelessWidget {
-  const MyStatelessWidget({Key? key}) : super(key: key);
+class CupertinoButtonExample extends StatelessWidget {
+  const CupertinoButtonExample({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Center(
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: <Widget>[
-          const CupertinoButton(
-            onPressed: null,
-            child: Text('Disabled'),
-          ),
-          const SizedBox(height: 30),
-          const CupertinoButton.filled(
-            onPressed: null,
-            child: Text('Disabled'),
-          ),
-          const SizedBox(height: 30),
-          CupertinoButton(
-            onPressed: () {},
-            child: const Text('Enabled'),
-          ),
-          const SizedBox(height: 30),
-          CupertinoButton.filled(
-            onPressed: () {},
-            child: const Text('Enabled'),
-          ),
-        ],
+    return CupertinoPageScaffold(
+      child: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: <Widget>[
+            const CupertinoButton(
+              onPressed: null,
+              child: Text('Disabled'),
+            ),
+            const SizedBox(height: 30),
+            const CupertinoButton.filled(
+              onPressed: null,
+              child: Text('Disabled'),
+            ),
+            const SizedBox(height: 30),
+            CupertinoButton(
+              onPressed: () {},
+              child: const Text('Enabled'),
+            ),
+            const SizedBox(height: 30),
+            CupertinoButton.filled(
+              onPressed: () {},
+              child: const Text('Enabled'),
+            ),
+          ],
+        ),
       ),
     );
   }

examples/api/lib/cupertino/date_picker/cupertino_date_picker.0.dart

@@ -6,30 +6,28 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const DatePickerApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'Flutter Code Sample';
+class DatePickerApp extends StatelessWidget {
+  const DatePickerApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: MyStatelessWidget(),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: DatePickerExample(),
     );
   }
 }
 
-class MyStatelessWidget extends StatefulWidget {
-  const MyStatelessWidget({Key? key}) : super(key: key);
+class DatePickerExample extends StatefulWidget {
+  const DatePickerExample({Key? key}) : super(key: key);
 
   @override
-  State<MyStatelessWidget> createState() => _MyStatelessWidgetState();
+  State<DatePickerExample> createState() => _DatePickerExampleState();
 }
 
-class _MyStatelessWidgetState extends State<MyStatelessWidget> {
+class _DatePickerExampleState extends State<DatePickerExample> {
   DateTime date = DateTime(2016, 10, 26);
   DateTime time = DateTime(2016, 5, 10, 22, 35);
   DateTime dateTime = DateTime(2016, 8, 3, 17, 45);

examples/api/lib/cupertino/date_picker/cupertino_timer_picker.0.dart

@@ -6,30 +6,28 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const TimerPickerApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'CupertinoTimerPicker Sample';
+class TimerPickerApp extends StatelessWidget {
+  const TimerPickerApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: CupertinoTimerPickerSample(),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: TimerPickerExample(),
     );
   }
 }
 
-class CupertinoTimerPickerSample extends StatefulWidget {
-  const CupertinoTimerPickerSample({Key? key}) : super(key: key);
+class TimerPickerExample extends StatefulWidget {
+  const TimerPickerExample({Key? key}) : super(key: key);
 
   @override
-  State<CupertinoTimerPickerSample> createState() => _CupertinoTimerPickerSampleState();
+  State<TimerPickerExample> createState() => _TimerPickerExampleState();
 }
 
-class _CupertinoTimerPickerSampleState extends State<CupertinoTimerPickerSample> {
+class _TimerPickerExampleState extends State<TimerPickerExample> {
   Duration duration = const Duration(hours: 1, minutes: 23);
 
   // This shows a CupertinoModalPopup with a reasonable fixed height which hosts CupertinoTimerPicker.

examples/api/lib/cupertino/dialog/cupertino_action_sheet.0.dart

@@ -6,26 +6,22 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const ActionSheetApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'CupertinoActionSheet Sample';
+class ActionSheetApp extends StatelessWidget {
+  const ActionSheetApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: ActionSheetSample(title: _title),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: ActionSheetExample(),
     );
   }
 }
 
-class ActionSheetSample extends StatelessWidget {
-  const ActionSheetSample({Key? key, required this.title}) : super(key: key);
-
-  final String title;
+class ActionSheetExample extends StatelessWidget {
+  const ActionSheetExample({Key? key}) : super(key: key);
 
   // This shows a CupertinoModalPopup which hosts a CupertinoActionSheet.
   void _showActionSheet(BuildContext context) {
@@ -68,8 +64,8 @@ class ActionSheetSample extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return CupertinoPageScaffold(
-      navigationBar: CupertinoNavigationBar(
-        middle: Text(title),
+      navigationBar: const CupertinoNavigationBar(
+        middle: Text('CupertinoActionSheet Sample'),
       ),
       child: Center(
         child: CupertinoButton(

examples/api/lib/cupertino/dialog/cupertino_alert_dialog.0.dart

@@ -6,26 +6,22 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const AlertDialogApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'CupertinoAlertDialog Sample';
+class AlertDialogApp extends StatelessWidget {
+  const AlertDialogApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: ActionSheetSample(title: _title),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: AlertDialogExample(),
     );
   }
 }
 
-class ActionSheetSample extends StatelessWidget {
-  const ActionSheetSample({Key? key, required this.title}) : super(key: key);
-
-  final String title;
+class AlertDialogExample extends StatelessWidget {
+  const AlertDialogExample({Key? key}) : super(key: key);
 
   // This shows a CupertinoModalPopup which hosts a CupertinoAlertDialog.
   void _showAlertDialog(BuildContext context) {
@@ -62,8 +58,8 @@ class ActionSheetSample extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return CupertinoPageScaffold(
-      navigationBar: CupertinoNavigationBar(
-        middle: Text(title),
+      navigationBar: const CupertinoNavigationBar(
+        middle: Text('CupertinoAlertDialog Sample'),
       ),
       child: Center(
         child: CupertinoButton(

examples/api/lib/cupertino/nav_bar/cupertino_navigation_bar.0.dart

@@ -6,37 +6,35 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const NavBarApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'Flutter Code Sample';
+class NavBarApp extends StatelessWidget {
+  const NavBarApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: MyStatefulWidget(),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: NavBarExample(),
     );
   }
 }
 
-class MyStatefulWidget extends StatefulWidget {
-  const MyStatefulWidget({Key? key}) : super(key: key);
+class NavBarExample extends StatefulWidget {
+  const NavBarExample({Key? key}) : super(key: key);
 
   @override
-  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
+  State<NavBarExample> createState() => _NavBarExampleState();
 }
 
-class _MyStatefulWidgetState extends State<MyStatefulWidget> {
+class _NavBarExampleState extends State<NavBarExample> {
   @override
   Widget build(BuildContext context) {
     return CupertinoPageScaffold(
       navigationBar: CupertinoNavigationBar(
         // Try removing opacity to observe the lack of a blur effect and of sliding content.
         backgroundColor: CupertinoColors.systemGrey.withOpacity(0.5),
-        middle: const Text('Sample Code'),
+        middle: const Text('CupertinoNavigationBar Sample'),
       ),
       child: Column(
         children: <Widget>[

examples/api/lib/cupertino/nav_bar/cupertino_sliver_nav_bar.0.dart

@@ -6,24 +6,22 @@
 
 import 'package:flutter/cupertino.dart';
 
-void main() => runApp(const MyApp());
+void main() => runApp(const SliverNavBarApp());
 
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  static const String _title = 'CupertinoSliverNavigationBar Sample';
+class SliverNavBarApp extends StatelessWidget {
+  const SliverNavBarApp({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return const CupertinoApp(
-      title: _title,
-      home: CupertinoNavBarSample(),
+      theme: CupertinoThemeData(brightness: Brightness.light),
+      home: SliverNavBarExample(),
     );
   }
 }
 
-class CupertinoNavBarSample extends StatelessWidget {
-  const CupertinoNavBarSample({Key? key}) : super(key: key);
+class SliverNavBarExample extends StatelessWidget {
+  const SliverNavBarExample({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {