flutter/examples/api/lib/material/toggle_buttons/toggle_buttons.1.dart
Sangam Shrestha d261411b4c
Remove redundant useMaterial3: true (#163376)
<!--
Thanks for filing a pull request!
Reviewers are typically assigned within a week of filing a request.
To learn more about code review, see our documentation on Tree Hygiene:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md
-->

This PR removes redundant useMaterial3: true as described in
https://github.com/flutter/flutter/issues/162818

*List which issues are fixed by this PR. You must list at least one
issue. An issue is not required if the PR fixes something trivial like a
typo.*

- https://github.com/flutter/flutter/issues/162818

## Pre-launch Checklist

- [x] I read the [Contributor Guide] and followed the process outlined
there for submitting PRs.
- [x] I read the [Tree Hygiene] wiki page, which explains my
responsibilities.
- [x] I read and followed the [Flutter Style Guide], including [Features
we expect every widget to implement].
- [x] I signed the [CLA].
- [x] I listed at least one issue that this PR fixes in the description
above.
- [x] I updated/added relevant documentation (doc comments with `///`).
- [x] I added new tests to check the change I am making, or this PR is
[test-exempt].
- [x] I followed the [breaking change policy] and added [Data Driven
Fixes] where supported.
- [ ] All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-new channel
on [Discord].

<!-- Links -->
[Contributor Guide]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview
[Tree Hygiene]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md
[test-exempt]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests
[Flutter Style Guide]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md
[Features we expect every widget to implement]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement
[CLA]: https://cla.developers.google.com/
[flutter/tests]: https://github.com/flutter/tests
[breaking change policy]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes
[Discord]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md
[Data Driven Fixes]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md

---------

Co-authored-by: Qun Cheng <36861262+QuncCccccc@users.noreply.github.com>
2025-03-14 17:50:20 +00:00

97 lines
3.6 KiB
Dart

// 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/material.dart';
/// Flutter code sample for migrating from [ToggleButtons] to [SegmentedButton].
void main() {
runApp(const ToggleButtonsApp());
}
class ToggleButtonsApp extends StatelessWidget {
const ToggleButtonsApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(home: Scaffold(body: ToggleButtonsExample()));
}
}
enum ShirtSize { extraSmall, small, medium, large, extraLarge }
const List<(ShirtSize, String)> shirtSizeOptions = <(ShirtSize, String)>[
(ShirtSize.extraSmall, 'XS'),
(ShirtSize.small, 'S'),
(ShirtSize.medium, 'M'),
(ShirtSize.large, 'L'),
(ShirtSize.extraLarge, 'XL'),
];
class ToggleButtonsExample extends StatefulWidget {
const ToggleButtonsExample({super.key});
@override
State<ToggleButtonsExample> createState() => _ToggleButtonsExampleState();
}
class _ToggleButtonsExampleState extends State<ToggleButtonsExample> {
final List<bool> _toggleButtonsSelection =
ShirtSize.values.map((ShirtSize e) => e == ShirtSize.medium).toList();
Set<ShirtSize> _segmentedButtonSelection = <ShirtSize>{ShirtSize.medium};
@override
Widget build(BuildContext context) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text('ToggleButtons'),
const SizedBox(height: 10),
// This ToggleButtons allows multiple or no selection.
ToggleButtons(
// ToggleButtons uses a List<bool> to track its selection state.
isSelected: _toggleButtonsSelection,
// This callback return the index of the child that was pressed.
onPressed: (int index) {
setState(() {
_toggleButtonsSelection[index] = !_toggleButtonsSelection[index];
});
},
// Constraints are used to determine the size of each child widget.
constraints: const BoxConstraints(minHeight: 32.0, minWidth: 56.0),
// ToggleButtons uses a List<Widget> to build its children.
children: shirtSizeOptions.map(((ShirtSize, String) shirt) => Text(shirt.$2)).toList(),
),
const SizedBox(height: 20),
const Text('SegmentedButton'),
const SizedBox(height: 10),
SegmentedButton<ShirtSize>(
// ToggleButtons above allows multiple or no selection.
// Set `multiSelectionEnabled` and `emptySelectionAllowed` to true
// to match the behavior of ToggleButtons.
multiSelectionEnabled: true,
emptySelectionAllowed: true,
// Hide the selected icon to match the behavior of ToggleButtons.
showSelectedIcon: false,
// SegmentedButton uses a Set<T> to track its selection state.
selected: _segmentedButtonSelection,
// This callback updates the set of selected segment values.
onSelectionChanged: (Set<ShirtSize> newSelection) {
setState(() {
_segmentedButtonSelection = newSelection;
});
},
// SegmentedButton uses a List<ButtonSegment<T>> to build its children
// instead of a List<Widget> like ToggleButtons.
segments:
shirtSizeOptions.map<ButtonSegment<ShirtSize>>(((ShirtSize, String) shirt) {
return ButtonSegment<ShirtSize>(value: shirt.$1, label: Text(shirt.$2));
}).toList(),
),
],
),
);
}
}