diff --git a/README.md b/README.md index 6702a91..f12addb 100644 --- a/README.md +++ b/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/) | | -- |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------ | ------------- | ------------ | ------------------------------------------------------------------------------------------------------------------------------------ | +| 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) | | | 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) | | diff --git a/tips/0215-banner-widget/index.md b/tips/0215-banner-widget/index.md index 0d0e703..559ebe8 100644 --- a/tips/0215-banner-widget/index.md +++ b/tips/0215-banner-widget/index.md @@ -37,7 +37,7 @@ For more info, check the official docs: | Previous | Next | | -------- | ---- | -| [Improve your code with Cursor Edit Mode](../0214-cursor-edit-mode/index.md) | | +| [Improve your code with Cursor Edit Mode](../0214-cursor-edit-mode/index.md) | [New Spacing Argument in Row/Column (Flutter 3.27)](../0216-spacing-row-column/index.md) | diff --git a/tips/0216-spacing-row-column/216.1.png b/tips/0216-spacing-row-column/216.1.png new file mode 100644 index 0000000..38fb11d Binary files /dev/null and b/tips/0216-spacing-row-column/216.1.png differ diff --git a/tips/0216-spacing-row-column/216.2.png b/tips/0216-spacing-row-column/216.2.png new file mode 100644 index 0000000..3ffcb6c Binary files /dev/null and b/tips/0216-spacing-row-column/216.2.png differ diff --git a/tips/0216-spacing-row-column/index.md b/tips/0216-spacing-row-column/index.md new file mode 100644 index 0000000..31f8a76 --- /dev/null +++ b/tips/0216-spacing-row-column/index.md @@ -0,0 +1,73 @@ +# New Spacing Argument in Row/Column (Flutter 3.27) + +Did you know? + +Since Flutter 3.27, you can pass a `spacing` argument to your `Row` and `Column` widgets. ✅ + +This means you no longer need a `SizedBox` to add fixed spacing between each child. 🚀 + +![](216.1.png) + + + +--- + +If you want, you can combine spacing and flex together. + +This makes it easier to mix **fixed** and **proportional** spacing when laying out the children. + +![](216.2.png) + + + + + + + +--- + +| Previous | Next | +| -------- | ---- | +| [The Banner Widget](../0216-spacing-row-column/index.md) | | \ No newline at end of file