Add example for CupertinoCheckbox
(#151779)
This commit is contained in:
parent
ba57fa3821
commit
cb4ba2fddc
@ -0,0 +1,55 @@
|
|||||||
|
// 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,
|
||||||
|
// 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;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,41 @@
|
|||||||
|
// 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);
|
||||||
|
});
|
||||||
|
}
|
@ -41,6 +41,12 @@ const double _kCupertinoFocusColorSaturation = 0.835;
|
|||||||
/// ([CupertinoSwitch] in Flutter) instead, or to find a creative custom
|
/// ([CupertinoSwitch] in Flutter) instead, or to find a creative custom
|
||||||
/// solution.
|
/// solution.
|
||||||
///
|
///
|
||||||
|
/// {@tool dartpad}
|
||||||
|
/// This example shows a toggleable [CupertinoCheckbox].
|
||||||
|
///
|
||||||
|
/// ** See code in examples/api/lib/cupertino/checkbox/cupertino_checkbox.0.dart **
|
||||||
|
/// {@end-tool}
|
||||||
|
///
|
||||||
/// See also:
|
/// See also:
|
||||||
///
|
///
|
||||||
/// * [Checkbox], the Material Design equivalent.
|
/// * [Checkbox], the Material Design equivalent.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user