This repository has been archived by the owner on Mar 16, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implement selection controls demo (#397)
* Implement selection controls demo * Remove Row * Remove unused import * Style changes
- Loading branch information
Showing
6 changed files
with
345 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
158 changes: 158 additions & 0 deletions
158
gallery/lib/demos/material/selection_controls_demo.dart
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,158 @@ | ||
| // Copyright 2019 The Flutter team. 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/material.dart'; | ||
|
|
||
| import 'package:gallery/l10n/gallery_localizations.dart'; | ||
|
|
||
| enum SelectionControlsDemoType { | ||
| checkbox, | ||
| radio, | ||
| switches, | ||
| } | ||
|
|
||
| class SelectionControlsDemo extends StatelessWidget { | ||
| SelectionControlsDemo({Key key, @required this.type}) : super(key: key); | ||
|
|
||
| final SelectionControlsDemoType type; | ||
|
|
||
| String _title(BuildContext context) { | ||
| switch (type) { | ||
| case SelectionControlsDemoType.checkbox: | ||
| return GalleryLocalizations.of(context) | ||
| .demoSelectionControlsCheckboxTitle; | ||
| case SelectionControlsDemoType.radio: | ||
| return GalleryLocalizations.of(context).demoSelectionControlsRadioTitle; | ||
| case SelectionControlsDemoType.switches: | ||
| return GalleryLocalizations.of(context) | ||
| .demoSelectionControlsSwitchTitle; | ||
| } | ||
| return ''; | ||
| } | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| Widget controls; | ||
| switch (type) { | ||
| case SelectionControlsDemoType.checkbox: | ||
| controls = _CheckboxDemo(); | ||
| break; | ||
| case SelectionControlsDemoType.radio: | ||
| controls = _RadioDemo(); | ||
| break; | ||
| case SelectionControlsDemoType.switches: | ||
| controls = _SwitchDemo(); | ||
| break; | ||
| } | ||
|
|
||
| return Scaffold( | ||
| appBar: AppBar( | ||
| title: Text(_title(context)), | ||
| ), | ||
| body: controls, | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| class _CheckboxDemo extends StatefulWidget { | ||
| @override | ||
| _CheckboxDemoState createState() => _CheckboxDemoState(); | ||
| } | ||
|
|
||
| class _CheckboxDemoState extends State<_CheckboxDemo> { | ||
| bool checkboxValueA = true; | ||
| bool checkboxValueB = false; | ||
| bool checkboxValueC; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Center( | ||
| child: Row( | ||
| mainAxisSize: MainAxisSize.min, | ||
| children: [ | ||
| Checkbox( | ||
| value: checkboxValueA, | ||
| onChanged: (value) { | ||
| setState(() { | ||
| checkboxValueA = value; | ||
| }); | ||
| }, | ||
| ), | ||
| Checkbox( | ||
| value: checkboxValueB, | ||
| onChanged: (value) { | ||
| setState(() { | ||
| checkboxValueB = value; | ||
| }); | ||
| }, | ||
| ), | ||
| Checkbox( | ||
| value: checkboxValueC, | ||
| tristate: true, | ||
| onChanged: (value) { | ||
| setState(() { | ||
| checkboxValueC = value; | ||
| }); | ||
| }, | ||
| ), | ||
| ], | ||
| ), | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| class _RadioDemo extends StatefulWidget { | ||
| @override | ||
| _RadioDemoState createState() => _RadioDemoState(); | ||
| } | ||
|
|
||
| class _RadioDemoState extends State<_RadioDemo> { | ||
| int radioValue = 0; | ||
|
|
||
| void handleRadioValueChanged(int value) { | ||
| setState(() { | ||
| radioValue = value; | ||
| }); | ||
| } | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Center( | ||
| child: Row( | ||
| mainAxisSize: MainAxisSize.min, | ||
| children: [ | ||
| for (int index = 0; index < 3; ++index) | ||
| Radio<int>( | ||
| value: index, | ||
| groupValue: radioValue, | ||
| onChanged: handleRadioValueChanged, | ||
| ), | ||
| ], | ||
| ), | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| class _SwitchDemo extends StatefulWidget { | ||
| @override | ||
| _SwitchDemoState createState() => _SwitchDemoState(); | ||
| } | ||
|
|
||
| class _SwitchDemoState extends State<_SwitchDemo> { | ||
| bool switchValue = false; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Center( | ||
| child: Switch( | ||
| value: switchValue, | ||
| onChanged: (value) { | ||
| setState(() { | ||
| switchValue = value; | ||
| }); | ||
| }, | ||
| ), | ||
| ); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters