flutter/dev/a11y_assessments/lib/use_cases/material_banner.dart
Joy Serquiña 5fad2bea2a
fix(material/a11y_assessments): add unique page title (#152148)
Adds usage of SystemChrome.setAPplicationSwitcherDescription to update the page title for the AutoComplete demo page.

[Before screenshot: example AutoComplete](https://screenshot.googleplex.com/8DpESj4QrQA2YrW)
[After screenshot: example AutoComplete](https://screenshot.googleplex.com/6AdfSA8a8VwUaXM)

Fixes b/338056490

*Replace this paragraph with a description of what this PR is changing or adding, and why. Consider including before/after screenshots.*

*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.*

*If you had to change anything in the [flutter/tests] repo, include a link to the migration guide as per the [breaking change policy].*
2024-08-22 21:28:22 +00:00

82 lines
2.1 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';
import '../utils.dart';
import 'use_cases.dart';
class MaterialBannerUseCase extends UseCase {
@override
String get name => 'MaterialBanner';
@override
String get route => '/material_banner';
@override
Widget build(BuildContext context) => const MainWidget();
}
class MainWidget extends StatefulWidget {
const MainWidget({super.key});
@override
State<MainWidget> createState() => MainWidgetState();
}
class MainWidgetState extends State<MainWidget> {
final FocusNode dismissButtonFocusNode = FocusNode();
final FocusNode showButtonFocusNode = FocusNode();
String pageTitle = getUseCaseName(MaterialBannerUseCase());
@override
void dispose() {
dismissButtonFocusNode.dispose();
showButtonFocusNode.dispose();
super.dispose();
}
void hideBanner() {
ScaffoldMessenger.of(context).hideCurrentMaterialBanner();
showButtonFocusNode.requestFocus();
}
void showBanner() {
ScaffoldMessenger.of(context).showMaterialBanner(
MaterialBanner(
padding: const EdgeInsets.all(20),
content: const Text('Hello, I am a Material Banner'),
leading: const Icon(Icons.agriculture_outlined),
backgroundColor: Colors.yellowAccent,
actions: <Widget>[
TextButton(
focusNode: dismissButtonFocusNode,
onPressed: hideBanner,
child: const Text('DISMISS'),
),
],
),
);
dismissButtonFocusNode.requestFocus();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Semantics(headingLevel: 1, child: Text('$pageTitle Demo')),
),
body: Center(
child: ElevatedButton(
focusNode: showButtonFocusNode,
onPressed: showBanner,
child: const Text('Show a MaterialBanner'),
),
),
);
}
}