Tip 215

README.md

@@ -18,6 +18,7 @@ This repo now has a companion app! [Download it here](https://fluttertips.dev/)
 
 | ID | View on GitHub (this repo)                                                                                                                                                        | X Post | LinkedIn Post | Bluesky Post | Link on [codewithandrea.com](https://codewithandrea.com/) |
 | -- |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------ | ------------- | ------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
+| 215 | [The Banner Widget](tips/0215-banner-widget/index.md) | [link](https://x.com/biz84/status/1866482324105490628) | [link](https://www.linkedin.com/posts/andreabizzotto_did-you-know-you-can-use-the-banner-widget-activity-7272248288236519424-tfzF-) | [link](https://bsky.app/profile/codewithandrea.com/post/3lcxfixclys2f) | |
 | 214 | [Improve your code with Cursor Edit Mode](tips/0214-cursor-edit-mode/index.md) | [link](https://x.com/biz84/status/1864613511420068093) | [link](https://www.linkedin.com/posts/andreabizzotto_did-you-know-the-cursor-ide-has-a-powerful-activity-7270379818746105856-Mq9n) | [link](https://bsky.app/profile/codewithandrea.com/post/3lckgkkurms27) | |
 | 213 | [Fixing Version Solving Failed Errors](tips/0213-fixing-version-solving-failed-errors/index.md) | [link](https://x.com/biz84/status/1864283511852527815) | [link](https://www.linkedin.com/posts/andreabizzotto_when-you-get-a-version-solving-failed-error-activity-7270050610329100289-0I9m) | [link](https://bsky.app/profile/codewithandrea.com/post/3lci5gzmagc27) | |
 | 212 | [Adding a Privacy Manifest in Xcode](tips/0212-xcode-privact-manifest/index.md) | [link](https://x.com/biz84/status/1863537508899860770) | [link](https://www.linkedin.com/posts/andreabizzotto_did-you-know-starting-november-12-2024-activity-7269303842813489154-k5iw) | [link](https://bsky.app/profile/codewithandrea.com/post/3lccxnqg5zs2j) | |

tips/0214-cursor-edit-mode/index.md

@@ -14,7 +14,7 @@ It doesn't always get it right, though! So make sure you tweak the output as nee
 
 | Previous | Next |
 | -------- | ---- |
-| [Fixing Version Solving Failed Errors](../0213-fixing-version-solving-failed-errors/index.md) |  |
+| [Fixing Version Solving Failed Errors](../0213-fixing-version-solving-failed-errors/index.md) | [The Banner Widget](../0215-banner-widget/index.md) |
 
 <!-- TWITTER|https://x.com/biz84/status/1864613511420068093 -->
 <!-- LINKEDIN|https://www.linkedin.com/posts/andreabizzotto_did-you-know-the-cursor-ide-has-a-powerful-activity-7270379818746105856-Mq9n -->

tips/0215-banner-widget/index.md

@@ -0,0 +1,44 @@
+# The Banner Widget
+
+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, consider building your own using a custom painter.
+
+![](215.png)
+
+<!-- 
+// Use Banner to place a small diagonal banner over a child widget
+Banner(
+  message: 'TOP START',
+  location: BannerLocation.topStart,
+  color: Colors.red,
+  child: ClipRRect(
+    borderRadius: BorderRadius.circular(20),
+    child: Image.asset(
+      'assets/common/app-icon.png',
+      height: 160,
+    ),
+  ),
+)
+// Location, color, and text style are configurable, but the banner size is fixed, and this can cause the text to wrap.
+-->
+
+---
+
+Note: `Banner` is very closely related to `CheckedModeBanner`, which shows inside your MaterialApp in debug mode.
+
+For more info, check the official docs:
+
+- [Banner class](https://api.flutter.dev/flutter/widgets/Banner-class.html)
+
+---
+
+| Previous | Next |
+| -------- | ---- |
+| [Improve your code with Cursor Edit Mode](../0214-cursor-edit-mode/index.md) |  |
+
+<!-- TWITTER|https://x.com/biz84/status/1866482324105490628 -->
+<!-- LINKEDIN|https://www.linkedin.com/posts/andreabizzotto_did-you-know-you-can-use-the-banner-widget-activity-7272248288236519424-tfzF- -->
+<!-- BLUESKY|https://bsky.app/profile/codewithandrea.com/post/3lcxfixclys2f -->