flutter · victorsanni · May 21, 2024 · May 21, 2024 · May 22, 2024 · May 23, 2024
diff --git a/examples/api/lib/cupertino/checkbox/cupertino_checkbox.0.dart b/examples/api/lib/cupertino/checkbox/cupertino_checkbox.0.dart
@@ -0,0 +1,66 @@
+// 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: 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,
+      tristate: true,
+      fillColor: WidgetStateProperty.resolveWith(_getColor),
+      value: isChecked,
+      onChanged: (bool? value) {
+        setState(() {
+          isChecked = value;
+        });
+      },
+    );
+  }
+}
+
+Color _getColor(Set<WidgetState> states) {
+  const Set<WidgetState> interactiveStates = <WidgetState>{
+    WidgetState.pressed,
+    WidgetState.hovered,
+    WidgetState.focused,
+  };
+  if (states.any(interactiveStates.contains)) {
+    return CupertinoColors.activeGreen;
+  }
+  return CupertinoColors.systemRed;
+}
diff --git a/examples/api/test/cupertino/checkbox/cupertino_checkbox.0_test.dart b/examples/api/test/cupertino/checkbox/cupertino_checkbox.0_test.dart
@@ -0,0 +1,69 @@
+// 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';
+import 'package:flutter_api_samples/cupertino/checkbox/cupertino_checkbox.0.dart' as example;
+import 'package:flutter_test/flutter_test.dart';
+
+void main() {
+  testWidgets('Checkbox can be checked', (WidgetTester tester) async {
+    await tester.pumpWidget(
+      const example.CupertinoCheckboxApp(),
+    );
+
+    CupertinoCheckbox checkbox = tester.widget(find.byType(CupertinoCheckbox));
+
+    // Verify the initial state of the checkbox.
+    expect(checkbox.value, isTrue);
+    expect(checkbox.tristate, isTrue);
+
+    // Tap the checkbox and verify the state change.
+    await tester.tap(find.byType(CupertinoCheckbox));
+    await tester.pump();
+    checkbox = tester.widget(find.byType(CupertinoCheckbox));
+
+    expect(checkbox.value, isNull);
+
+    // Tap the checkbox and verify the state change.
+    await tester.tap(find.byType(CupertinoCheckbox));
+    await tester.pump();
+    checkbox = tester.widget(find.byType(CupertinoCheckbox));
+
+    expect(checkbox.value, isFalse);
+
+    await tester.tap(find.byType(CupertinoCheckbox));
+    await tester.pump();
+    checkbox = tester.widget(find.byType(CupertinoCheckbox));
+
+    expect(checkbox.value, isTrue);
+  });
+
+  testWidgets('Checkbox color can be changed', (WidgetTester tester) async {
+    await tester.pumpWidget(
+      const example.CupertinoCheckboxApp(),
+    );
+    final CupertinoCheckbox checkbox = tester.widget(find.byType(CupertinoCheckbox));
+
+    expect(
+      checkbox.checkColor,
+      CupertinoColors.white,
+    );
+    expect(
+      checkbox.fillColor!.resolve(<WidgetState>{}),
+      CupertinoColors.systemRed,
+    );
+    expect(
+      checkbox.fillColor!.resolve(<WidgetState>{WidgetState.pressed}),
+      CupertinoColors.activeGreen,
+    );
+    expect(
+      checkbox.fillColor!.resolve(<WidgetState>{WidgetState.hovered}),
+      CupertinoColors.activeGreen,
+    );
+    expect(
+      checkbox.fillColor!.resolve(<WidgetState>{WidgetState.focused}),
+      CupertinoColors.activeGreen,
+    );
+  });
+}