mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00

<!-- 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>
97 lines
3.6 KiB
Dart
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(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|