Skip to content

Instantly share code, notes, and snippets.

@ankesh-kumar

ankesh-kumar/materialTopBanner_Flutter.dart

Created September 9, 2021 06:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ankesh-kumar/cdb6eb12885857900f2932f483e89fae to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ankesh-kumar/cdb6eb12885857900f2932f483e89fae to your computer and use it in GitHub Desktop.
Download ZIP
Flutter material Top SnackBar
Raw
materialTopBanner_Flutter.dart
import 'package:flutter/material.dart';
const Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(
scaffoldBackgroundColor: darkBlue,
),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ElevatedButton(
child: const Text('Show MaterialBanner'),
onPressed: () => ScaffoldMessenger.of(context).showMaterialBanner(
MaterialBanner(
content: const Text('Hello, I am a Material Banner'),
leading: const Icon(Icons.info),
backgroundColor: Colors.yellow,
actions: [
TextButton(
child: const Text('Dismiss'),
onPressed: () => ScaffoldMessenger.of(context)
.hideCurrentMaterialBanner(),
),
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment