The Banner Widget

Andrea Bizzotto

Dec 10, 20241 min read

Did you know?

You can use the Banner widget to place a small diagonal banner over a child widget.

Note that Banner only offers limited customization options. If you need more custom styling, you have two options:

Build your own using a custom painter.
Use the super_banners package.

Banner is very closely related to CheckedModeBanner, which shows inside your MaterialApp in debug mode. For more info, check the official docs: Banner class.

Happy coding!

Want More?

Invest in yourself with my high-quality Flutter courses.

Flutter In Production

INTERMEDIATE TO ADVANCED

Learn about flavors, environments, error monitoring, analytics, release management, CI/CD, and finally ship your Flutter apps to the stores. 🚀

Flutter Foundations Course

INTERMEDIATE TO ADVANCED

Learn about State Management, App Architecture, Navigation, Testing, and much more by building a Flutter eCommerce app on iOS, Android, and web.

Flutter & Firebase Masterclass

INTERMEDIATE TO ADVANCED

Learn about Firebase Auth, Cloud Firestore, Cloud Functions, Stripe payments, and much more by building a full-stack eCommerce app with Flutter & Firebase.