Decoupling Material and Cupertino

packages/cupertino_ui/examples/lib/activity_indicator/cupertino_activity_indicator.0.dart

@@ -0,0 +1,75 @@
+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/cupertino.dart';
+
+/// Flutter code sample for [CupertinoActivityIndicator].
+
+void main() => runApp(const CupertinoIndicatorApp());
+
+class CupertinoIndicatorApp extends StatelessWidget {
+  const CupertinoIndicatorApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoApp(
+      theme: CupertinoThemeData(brightness: .light),
+      home: CupertinoIndicatorExample(),
+    );
+  }
+}
+
+class CupertinoIndicatorExample extends StatelessWidget {
+  const CupertinoIndicatorExample({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoPageScaffold(
+      navigationBar: CupertinoNavigationBar(
+        middle: Text('CupertinoActivityIndicator Sample'),
+      ),
+      child: Center(
+        child: Column(
+          mainAxisAlignment: .spaceEvenly,
+          children: <Widget>[
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                // Cupertino activity indicator with default properties.
+                CupertinoActivityIndicator(),
+                SizedBox(height: 10),
+                Text('Default'),
+              ],
+            ),
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                // Cupertino activity indicator with custom radius and color.
+                CupertinoActivityIndicator(
+                  radius: 20.0,
+                  color: CupertinoColors.activeBlue,
+                ),
+                SizedBox(height: 10),
+                Text(
+                  'radius: 20.0\ncolor: CupertinoColors.activeBlue',
+                  textAlign: .center,
+                ),
+              ],
+            ),
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                // Cupertino activity indicator with custom radius and disabled
+                // animation.
+                CupertinoActivityIndicator(radius: 20.0, animating: false),
+                SizedBox(height: 10),
+                Text('radius: 20.0\nanimating: false', textAlign: .center),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

packages/cupertino_ui/examples/lib/activity_indicator/cupertino_linear_activity_indicator.0.dart

@@ -0,0 +1,77 @@
+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/cupertino.dart';
+
+/// Flutter code sample for [CupertinoLinearActivityIndicator].
+
+void main() => runApp(const CupertinoLinearActivityIndicatorApp());
+
+class CupertinoLinearActivityIndicatorApp extends StatelessWidget {
+  const CupertinoLinearActivityIndicatorApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoApp(
+      theme: CupertinoThemeData(brightness: .light),
+      home: CupertinoIndicatorExample(),
+    );
+  }
+}
+
+class CupertinoIndicatorExample extends StatelessWidget {
+  const CupertinoIndicatorExample({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoPageScaffold(
+      navigationBar: CupertinoNavigationBar(
+        middle: Text('CupertinoLinearActivityIndicator Sample'),
+      ),
+      child: Padding(
+        padding: .all(8.0),
+        child: Column(
+          mainAxisAlignment: .spaceEvenly,
+          children: <Widget>[
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                CupertinoLinearActivityIndicator(progress: 0),
+                SizedBox(height: 10),
+                Text('Progress: 0'),
+              ],
+            ),
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                CupertinoLinearActivityIndicator(progress: 0.2),
+                SizedBox(height: 10),
+                Text('Progress: 0.2', textAlign: .center),
+              ],
+            ),
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                CupertinoLinearActivityIndicator(progress: 0.4, height: 10),
+                SizedBox(height: 10),
+                Text('Height: 10', textAlign: .center),
+              ],
+            ),
+            Column(
+              mainAxisAlignment: .center,
+              children: <Widget>[
+                CupertinoLinearActivityIndicator(
+                  progress: 0.6,
+                  color: CupertinoColors.activeGreen,
+                ),
+                SizedBox(height: 10),
+                Text('Color: green', textAlign: .center),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

packages/cupertino_ui/examples/lib/bottom_tab_bar/cupertino_tab_bar.0.dart

@@ -0,0 +1,58 @@
+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/cupertino.dart';
+
+/// Flutter code sample for [CupertinoTabBar].
+
+void main() => runApp(const CupertinoTabBarApp());
+
+class CupertinoTabBarApp extends StatelessWidget {
+  const CupertinoTabBarApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoApp(
+      theme: CupertinoThemeData(brightness: .light),
+      home: CupertinoTabBarExample(),
+    );
+  }
+}
+
+class CupertinoTabBarExample extends StatelessWidget {
+  const CupertinoTabBarExample({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return CupertinoTabScaffold(
+      tabBar: CupertinoTabBar(
+        items: const <BottomNavigationBarItem>[
+          BottomNavigationBarItem(
+            icon: Icon(CupertinoIcons.star_fill),
+            label: 'Favorites',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(CupertinoIcons.clock_solid),
+            label: 'Recents',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(CupertinoIcons.person_alt_circle_fill),
+            label: 'Contacts',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(CupertinoIcons.circle_grid_3x3_fill),
+            label: 'Keypad',
+          ),
+        ],
+      ),
+      tabBuilder: (BuildContext context, int index) {
+        return CupertinoTabView(
+          builder: (BuildContext context) {
+            return Center(child: Text('Content of tab $index'));
+          },
+        );
+      },
+    );
+  }
+}

packages/cupertino_ui/examples/lib/button/cupertino_button.0.dart

@@ -0,0 +1,54 @@
+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/cupertino.dart';
+
+/// Flutter code sample for [CupertinoButton].
+
+void main() => runApp(const CupertinoButtonApp());
+
+class CupertinoButtonApp extends StatelessWidget {
+  const CupertinoButtonApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoApp(
+      theme: CupertinoThemeData(brightness: .light),
+      home: CupertinoButtonExample(),
+    );
+  }
+}
+
+class CupertinoButtonExample extends StatelessWidget {
+  const CupertinoButtonExample({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return CupertinoPageScaffold(
+      navigationBar: const CupertinoNavigationBar(
+        middle: Text('CupertinoButton Sample'),
+      ),
+      child: Center(
+        child: Column(
+          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'),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

packages/cupertino_ui/examples/lib/checkbox/cupertino_checkbox.0.dart

@@ -0,0 +1,54 @@
+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/cupertino.dart';
+
+/// Flutter code sample for [CupertinoCheckbox].
+
+void main() => runApp(const CupertinoCheckboxApp());
+
+class CupertinoCheckboxApp extends StatelessWidget {
+  const CupertinoCheckboxApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const CupertinoApp(
+      theme: CupertinoThemeData(brightness: .light),
+      home: CupertinoPageScaffold(
+        navigationBar: CupertinoNavigationBar(
+          middle: Text('CupertinoCheckbox Example'),
+        ),
+        child: SafeArea(child: CupertinoCheckboxExample()),
+      ),
+    );
+  }
+}
+
+class CupertinoCheckboxExample extends StatefulWidget {
+  const CupertinoCheckboxExample({super.key});
+
+  @override
+  State<CupertinoCheckboxExample> createState() =>
+      _CupertinoCheckboxExampleState();
+}
+
+class _CupertinoCheckboxExampleState extends State<CupertinoCheckboxExample> {
+  bool? isChecked = true;
+
+  @override
+  Widget build(BuildContext context) {
+    return CupertinoCheckbox(
+      checkColor: CupertinoColors.white,
+      // Set tristate to true to make the checkbox display a null value
+      // in addition to the default true and false values.
+      tristate: true,
+      value: isChecked,
+      onChanged: (bool? value) {
+        setState(() {
+          isChecked = value;
+        });
+      },
+    );
+  }
+}