forked from flutter/packages
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Reland Added MaterialStatesController, updated InkWell et al. #103167…
… (#105656)
- Loading branch information
1 parent
5d0e35c
commit d8783ff
Showing
13 changed files
with
850 additions
and
106 deletions.
There are no files selected for viewing
102 changes: 102 additions & 0 deletions
102
examples/api/lib/material/text_button/text_button.1.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,102 @@ | ||
| // 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'; | ||
|
|
||
| void main() { | ||
| runApp(const MaterialApp(home: Home())); | ||
| } | ||
|
|
||
| class SelectableButton extends StatefulWidget { | ||
| const SelectableButton({ | ||
| super.key, | ||
| required this.selected, | ||
| this.style, | ||
| required this.onPressed, | ||
| required this.child, | ||
| }); | ||
|
|
||
| final bool selected; | ||
| final ButtonStyle? style; | ||
| final VoidCallback? onPressed; | ||
| final Widget child; | ||
|
|
||
| @override | ||
| State<SelectableButton> createState() => _SelectableButtonState(); | ||
|
|
||
| } | ||
|
|
||
| class _SelectableButtonState extends State<SelectableButton> { | ||
| late final MaterialStatesController statesController; | ||
|
|
||
| @override | ||
| void initState() { | ||
| super.initState(); | ||
| statesController = MaterialStatesController(<MaterialState>{ | ||
| if (widget.selected) MaterialState.selected | ||
| }); | ||
| } | ||
|
|
||
| @override | ||
| void didUpdateWidget(SelectableButton oldWidget) { | ||
| super.didUpdateWidget(oldWidget); | ||
| if (widget.selected != oldWidget.selected) { | ||
| statesController.update(MaterialState.selected, widget.selected); | ||
| } | ||
| } | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return TextButton( | ||
| statesController: statesController, | ||
| style: widget.style, | ||
| onPressed: widget.onPressed, | ||
| child: widget.child, | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| class Home extends StatefulWidget { | ||
| const Home({ super.key }); | ||
|
|
||
| @override | ||
| State<Home> createState() => _HomeState(); | ||
| } | ||
|
|
||
| class _HomeState extends State<Home> { | ||
| bool selected = false; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Scaffold( | ||
| body: Center( | ||
| child: SelectableButton( | ||
| selected: selected, | ||
| style: ButtonStyle( | ||
| foregroundColor: MaterialStateProperty.resolveWith<Color?>( | ||
| (Set<MaterialState> states) { | ||
| if (states.contains(MaterialState.selected)) { | ||
| return Colors.white; | ||
| } | ||
| return null; // defer to the defaults | ||
| }, | ||
| ), | ||
| backgroundColor: MaterialStateProperty.resolveWith<Color?>( | ||
| (Set<MaterialState> states) { | ||
| if (states.contains(MaterialState.selected)) { | ||
| return Colors.indigo; | ||
| } | ||
| return null; // defer to the defaults | ||
| }, | ||
| ), | ||
| ), | ||
| onPressed: () { | ||
| setState(() { selected = !selected; }); | ||
| }, | ||
| child: const Text('toggle selected'), | ||
| ), | ||
| ), | ||
| ); | ||
| } | ||
| } |
51 changes: 51 additions & 0 deletions
51
examples/api/test/material/text_button/text_button.1_test.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,51 @@ | ||
| // 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'; | ||
| import 'package:flutter_api_samples/material/text_button/text_button.1.dart' as example; | ||
| import 'package:flutter_test/flutter_test.dart'; | ||
|
|
||
| void main() { | ||
|
|
||
| testWidgets('SelectableButton', (WidgetTester tester) async { | ||
| await tester.pumpWidget( | ||
| MaterialApp( | ||
| theme: ThemeData( | ||
| colorScheme: const ColorScheme.light(), | ||
| ), | ||
| home: const example.Home(), | ||
| ), | ||
| ); | ||
|
|
||
| final Finder button = find.byType(example.SelectableButton); | ||
|
|
||
| example.SelectableButton buttonWidget() => tester.widget<example.SelectableButton>(button); | ||
|
|
||
| Material buttonMaterial() { | ||
| return tester.widget<Material>( | ||
| find.descendant( | ||
| of: find.byType(example.SelectableButton), | ||
| matching: find.byType(Material), | ||
| ), | ||
| ); | ||
| } | ||
|
|
||
| expect(buttonWidget().selected, false); | ||
| expect(buttonMaterial().textStyle!.color, const ColorScheme.light().primary); // default button foreground color | ||
| expect(buttonMaterial().color, Colors.transparent); // default button background color | ||
|
|
||
| await tester.tap(button); // Toggles the button's selected property. | ||
| await tester.pumpAndSettle(); | ||
| expect(buttonWidget().selected, true); | ||
| expect(buttonMaterial().textStyle!.color, Colors.white); | ||
| expect(buttonMaterial().color, Colors.indigo); | ||
|
|
||
|
|
||
| await tester.tap(button); // Toggles the button's selected property. | ||
| await tester.pumpAndSettle(); | ||
| expect(buttonWidget().selected, false); | ||
| expect(buttonMaterial().textStyle!.color, const ColorScheme.light().primary); | ||
| expect(buttonMaterial().color, Colors.transparent); | ||
| }); | ||
| } |
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
Oops, something went wrong.