Tip 218

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/) |
 | -- |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------ | ------------- | ------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
+| 218 | [Text Style with Tabular Figures](tips/0218-text-style-tabular-figures/index.md) | [link](https://x.com/biz84/status/1868692579648487611) | [link](https://www.linkedin.com/posts/andreabizzotto_did-you-know-if-you-want-to-render-fixed-activity-7274458459914350593-YkSx) | [link](https://bsky.app/profile/codewithandrea.com/post/3ldgqe64qzs24) | |
 | 217 | [Digits Separators in Dart 3.6](tips/0217-digits-separators/index.md) | [link](https://x.com/biz84/status/1867505284002000962) | [link](https://www.linkedin.com/posts/andreabizzotto_did-you-know-since-dart-36-flutter-327-activity-7273271119049068544-gQuB) | [link](https://bsky.app/profile/codewithandrea.com/post/3ld6ioxq5x22f) | |
 | 216 | [New Spacing Argument in Row/Column (Flutter 3.27)](tips/0216-spacing-row-column/index.md) | [link](https://x.com/biz84/status/1867143273652904039) | [link](https://www.linkedin.com/posts/andreabizzotto_did-you-know-since-flutter-327-you-can-activity-7272909542131187712-7Spj) | [link](https://bsky.app/profile/codewithandrea.com/post/3ld3ycpuxxk2f) | |
 | 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) | |

tips/0217-digits-separators/index.md

@@ -28,7 +28,7 @@ const invalidNumber3 = 6.022e_23;
 
 | Previous | Next |
 | -------- | ---- |
-| [New Spacing Argument in Row/Column (Flutter 3.27)](../0216-spacing-row-column/index.md) | |
+| [New Spacing Argument in Row/Column (Flutter 3.27)](../0216-spacing-row-column/index.md) | [Text Style with Tabular Figures](../0218-text-style-tabular-figures/index.md) |
 
 
 <!-- TWITTER|https://x.com/biz84/status/1867505284002000962 -->

tips/0218-text-style-tabular-figures/index.md

@@ -0,0 +1,36 @@
+# Text Style with Tabular Figures
+
+Did you know?
+
+If you want to render fixed width (monospaced) digits, set FontFeature.tabularFigures() inside your TextStyle. 🎯
+
+This works great when showing numbers and dates that should align vertically or update in realtime! 🔥
+
+![](218.png)
+
+<!--
+
+Text(
+  currentTimeFormatted,
+  style: const TextStyle(
+    // Set this font feature to ensure all digits are rendered with a fixed width (monospace)
+    // Useful when showing numbers or dates that update in realtime
+    fontFeatures: [FontFeature.tabularFigures()],
+    fontFamily: "Roboto",
+    fontSize: 48,
+    fontWeight: FontWeight.w700,
+  ),
+)
+
+-->
+
+---
+
+| Previous | Next |
+| -------- | ---- |
+| [Digits Separators in Dart 3.6](../0217-digits-separators/index.md) | |
+
+
+<!-- TWITTER|https://x.com/biz84/status/1868692579648487611 -->
+<!-- LINKEDIN|https://www.linkedin.com/posts/andreabizzotto_did-you-know-if-you-want-to-render-fixed-activity-7274458459914350593-YkSx -->
+<!-- BLUESKY|https://bsky.app/profile/codewithandrea.com/post/3ldgqe64qzs24 -->