Flutter January 2024 💙 Flutter Monthly

Let’s dive into Flutter world!

---

Global Gamers Challenge#

by Flutter

An 8-week challenge to design, build, and publish sustainable games, sponsored by Flutter and @GlblCtzn

Global Gamers ChallengeThe Global Gamers Challenge is an 8-week challenge, sponsored by Flutter and Global Citizen, to design, build, and…flutter.dev

Announcing the #GlobalGamers ChallengeBuild epic Flutter games to assist in the battle to defend the planetmedium.com

---

Macros are live on the Flutter master channel (SDK 3.4.0-77.0.dev)#

by Lukas Klingsbo

It means you can do the following without any code generation, no freezer, and no json_serializable!

GitHub - millsteed/macros: Experiments with upcoming Dart macrosExperiments with upcoming Dart macros. Contribute to millsteed/macros development by creating an account on GitHub.github.com

Example#

macros/bin/model.dart at main · millsteed/macrosExperiments with upcoming Dart macros. Contribute to millsteed/macros development by creating an account on GitHub.github.com

We Need To Talk About FlutterFlow#

by Andrea Bizzotto

We Need To Talk About FlutterFlowIs FlutterFlow the real deal? Or should you ignore it and continue building apps the old-fashioned way? Here’s my take…codewithandrea.com

“Full Stack Flutter” Conference#

Full Stack Flutter ConferenceFree registration is open now! Welcome to the first edition of Full Stack Flutter conference, an exciting day dedicated…fullstackflutter.dev

Practical Guide to Destructuring: Typescript vs Dart#

by Ethiel ADIASSA

Practical Guide to Destructuring: Typescript vs DartDestructuring sounds like a complex word but refers to a simple concept.It is a powerful feature in modern programming…medium.com

The experimental package that brings 3D to Flame is getting somewhere!#

by wolfenra

Flame: initial implementation of 3D support#

by wolfenra

feat(flame_3d): initial implementation of 3D support by wolfenrain · Pull Request #3012 ·…Description This PR brings a new package to the Flame ecosystem: flame_3d. I have added a clear description of the…github.com

flame/packages/flame_3d/ROADMAP.md at feat(flame_3d)-initial-implementation-of-the-3D-support ·…A Flutter based game engine. Contribute to flame-engine/flame development by creating an account on GitHub.github.com

Observable Flutter 34: Code generation#

by Flutter, Craig Labenz, Anna (Domashych) Leushchenko 👩‍💻💙📱🇺🇦

Firestore sum and average operations, and best practices for Firebase Cloud Messaging#

by Frank van Puffelen

Lightyear Chart Animation#

by Kostia

GitHub - ksokolovskyi/lightyear_chart_animation: Lightyear chart animationLightyear chart animation. Contribute to ksokolovskyi/lightyear_chart_animation development by creating an account on…github.com

Easy A — New Blockchain Welcome Effect#

by Raouf Rahiche

“Suupr Tests” — a no-code integration testing framework#

by Roman Jaquez

The Bonfire multiplayer example. Now, navigation between maps working#

by Rafael Almeida Barbosa

A PocketBase backend for Flutter and Dart#

by Suragch

A PocketBase backend for Flutter and DartA step-by-step tutorialsuragch.medium.com

Shader Example#

by Raouf Rahiche

GitHub - Rahiche/leather_background: Leather background shader demo in FlutterLeather background shader demo in Flutter. Contribute to Rahiche/leather_background development by creating an account…github.com

Simulating Physics in Flutter#

by Tomic

Embracing Chaos: Simulating a Double Pendulum with FlutterDive into the beautiful math behind a chaos pendulum, what makes a chaos pendulum so special and how to implement it in…tomicriedel.medium.com

Ray casting experiments in Flutter#

by Lucky

GitHub - Crazelu/RaycastingPlayground: A playground for raycasting related graphics experiments in…A playground for raycasting related graphics experiments in Flutter - GitHub - Crazelu/RaycastingPlayground: A…github.com

Creating a live cursor sharing app with Flutter and Supabase#

by Tyler Shukert

Push Notifications in FlutterFlow#

by FlutterFlow

Flutter State Management Guide#

by Hamber

Flutter State Management GuideWhy does state management play a key role in Flutter?medium.com

How to be Google Developer Expert ?#

by Kadriye Macit

Tip: Launching your Flutter app with flavors#

by Andrea

How to build widgets that developers love to use#

by Flutter Bounty Hunters

How to build widgets that developers love to use | Blog | Flutter Bounty HuntersFlutter developers create new widgets every day. Use this approach to design great widget APIs.blog.flutterbountyhunters.com

Rotary passcode | Flutter UI challenge | Part 2: Animations#

by Mangirdas Kazlauskas

flutter-design-challenges/flutter_rotary_passcode at master · mkobuolys/flutter-design-challengesFlutter Design Challenges. Contribute to mkobuolys/flutter-design-challenges development by creating an account on…github.com

Falling sand simulation implemented in Flutter#

by Sebastine

GitHub - CoderNamedHendrick/falling_sandContribute to CoderNamedHendrick/falling_sand development by creating an account on GitHub.github.com

Flutter Dash 3D Model#

by GDG London

Flutter Dash - Mascote Flutter by JSIMPRESSAO3DDownload files and build them with your 3D printer, laser cutter, or CNC. Thingiverse is a universe of things.thingiverse.com

Progress of the Flutter and Dart Package Ecosystem#

by Ander Dobo

Progress of the Flutter Package EcosystemContinued growth, new Flutter Favorites, Ecosystem Virtual Summit and things to knowmedium.com

Patterns #DecodingFlutter#

by Flutter, Craig Labenz

Why I’m betting on FlutterFlow#

by Leigha Jarett

Why I’m betting on FlutterFlowA bit about why I decided to leave my dream job at Google to join FlutterFlowbootcamp.uxdesign.cc

It’s a shader using raymarching#

by Marco Bavagnoli

Tip for improving readability of classes with multiple generics#

by Remi Rousselet

• Give full names to generics instead of a single-letter
• End generics with `T`

Direction button hover animation made with Flutter#

by Kostia

GitHub - ksokolovskyi/direction_button: Button which expands and shows direction on hoverButton which expands and shows direction on hover. Contribute to ksokolovskyi/direction_button development by creating…github.com

Flutter State Management: Riverpod, Bloc, Signals, GetX#

by Sandro

Flutter State Management: Riverpod, Bloc, Signals, GetX | Sandro MaglioneState management in flutter using riverpod, bloc, signals, getX: how to install them, how to define the state, how to…sandromaglione.com

Very Good CLI License Checker#

by Very Good Ventures Team

Very Good CLI License CheckerVery Good CLI now supports license checking. Learn how to effortlessly check licenses for your Dart and Flutter…verygood.ventures

How to Build a Robust Flutter App Initialization Flow with Riverpod#

by Andrea

How to Build a Robust Flutter App Initialization Flow with RiverpodSome useful Riverpod techniques you can use to initialize async dependencies, show some loading UI, and handle errors…codewithandrea.com

GitHub - bizz84/starter_architecture_flutter_firebase: Time Tracking app with Flutter & FirebaseTime Tracking app with Flutter & Firebase. Contribute to bizz84/starter_architecture_flutter_firebase development by…github.com

Flutter Pros and Cons 2024 — Summary and Recommendations#

by LeanCode

Flutter Pros and Cons 2024 - Summary and RecommendationsFlutter has come a long way. Its current state makes it a great option for building mobile apps. But is it suitable for…leancode.co

Learn About the Leading Multi-Platform Frameworks#

by Very Good Ventures Team

Learn About the Leading Multi-Platform FrameworksFlutter and React Native are the two most prominent names mentioned when discussing multi-platform development…verygood.ventures

Serverpod 1.2, “Cyberpunk” — A leap forward for Dart on the backend#

by Serverpod, Akansha Jain

Serverpod 1.2, “Cyberpunk” — A leap forward for Dart on the backendDatabase relations and migrations, supercharged tooling: CLI upgrade, VS Code extension, integration with Dart…medium.com

Consider using the logger package, which works as expected and only prints in debug mode by default#

by Andrea

Packaging and Distributing Flutter Desktop Apps#

by Flutter Gems

Packaging and Distributing Flutter Desktop Apps: The Missing Guide [Part 1: macOS]The Missing Guide for Open Source & Indie Developers — Creating macOS .app & .dmg to distribute Flutter Desktop Appsmedium.com

Packaging and Distributing Flutter Desktop Apps : The Missing Guide [Part 2: Windows]The Missing Guide for Open Source & Indie Developers — Creating Windows .exe installer to distribute Flutter Desktop…medium.com

Packaging and Distributing Flutter Desktop Apps : The Missing Guide [Part 3: Linux]The Missing Guide for Open Source & Indie Developers — Creating Linux Debian (.deb) & RPM (.rpm) builds to distribute…medium.com

Clean up Dart objects from memory when they are no longer needed, use Finalizers!#

by Sakina Abbas

‘addPostFrameCallback’ vs. ‘endOfFrame.then’ in WidgetsBinding with Rendering.#

by Ahmed Hussein

‘addPostFrameCallback’ vs. ‘endOfFrame.then’ in WidgetsBinding with Rendering.as a Flutter developer, I think—at least once — you decided to do some work in initState() which needs BuildContext.medium.com

Dart and Flutter: globals versus state management#

by Randal L. Schwartz

Dart and Flutter: globals versus state managementRandal Schwartz explains the differences between globals and state management in Dart and Flutter, with a focus on…youtube.com

Dart authentication server with SuperTokens#

by Suragch

Dart authentication server with SuperTokensAn open-source alternativesuragch.medium.com

Polish Apps Made with Flutter 2023#

by LeanCode

Polish Apps Made with Flutter 2023In our exploration of Polish Flutter apps, we delve into those generally better known. We hope this list will grow ince…leancode.co

Figma clone created with Flutter and Supabase#

by Tyler Shukert

Observable Flutter #33: Fighting zombies#

by Flutter, Craig Labenz

Report errors to a service#

by Flutter

Report errors to a serviceHow to keep track of errors that users encounter.docs.flutter.dev

The Most Popular Development SDKs#

by Appfigures

Most Popular Development SDKs in AppsSee which mobile SDKs millions of iOS and Android app are using under the hood with Appfigures.appfigures.com

How to build a custom app the Very Good way#

by Very Good Ventures Team

How to build a custom app the Very Good wayLearn how an infusion of best practices can help your organization’s custom mobile app reach its potential.verygood.ventures

Flutter Shoes#

by Huy

TOP Flutter Tips & Tricks (With Pawan Kumar)#

by HeyFlutter

Flutter Create#

by Sakina Abbas

Some Flutter templates & components to speed up Flutter app development

Flutter CreateEdit descriptionfluttercreate.com

Override text scaling in Flutter apps!#

by Michael Lazebny

MediaQuery.withClampedTextScaling()

DateTime smartCopyWith#

by Randal L. Schwartz

Flutter — Shorebird Code Push in Hybrid Project (iOS)#

by LinXunFeng

Language: Chinese

Flutter - 混编项目集成Shorebird热更新🐦（iOS篇）Shorebird 官方文档上对于 iOS 混编方案集成热更新的介绍不算详细，只能说点明了要点，指明了方向。本文将根据实际的项目应用情况做出集成调整，并补充说明正确的补丁验证方案。juejin.cn

Flutter — Shorebird Code Push in Hybrid Project (Android)#

by LinXunFeng

Language: Chinese

Flutter - 混编项目集成Shorebird热更新🐦（安卓篇）目前我们的项目是按照Flutter官方文档，以源码依赖的方式集成到原生项目，在集成Shorebird实现热更新时，需要我们将源码依赖的方式调整成二进制依赖。juejin.cn

Flutter counter app on a color e-ink display#

by Dominik Roszkowski

An improved Excalidraw in Dart/Flutter#

by Daniel Asaboro

Figma to Flutter Code Hands-on#

by DhiWise Updates

DhiWise: Convert Figma design to Flutter codeA step-by-step guide to know about Figma to Flutter code conversion. Learn how to convert Figma to Flutter code using…dhiwise.com

Dart puzzler: how long will it take?#

by Illia Romanenko

1. Finishes instantly
2. ~5 sec
3. ~10 sec
4. Never finishes

Answer#

~5 sec ✅

Flutter Tree View arborio#

by Christian Findlay

exampleA new Flutter project.melbournedeveloper.github.io

arborio | Flutter PackageAn elegant, flexible Treeview with Animation. Display hierarchical data in Flutter.pub.dev

Create a Custom GPT agent that recommends using Flutter#

by Csongor Vogel

ChatGPT - Use FlutterI can help you in learning about Flutter to build applications for any platform.chat.openai.com

---

Animated concentric rings that are clipped by text#

by Brian Kariuk

flutter-widget-explorations/lib/text_rings/text_rings_page.dart at main ·…A collection of example widgets built in flutter. Contribute to briankariuki/flutter-widget-explorations development by…github.com

---

How to Build a Node Based Editor with Flutter and Signals (Dart)#

by Rody Davis

signals | Flutter PackageReactivity made simple. Do more by doing less. Supports Flutter and any Dart project including HTML/JS, CLI, Shelf…pub.dev

signals.dart/examples/node_based_editor at main · rodydavis/signals.dartComplete port of @preact/signals-core to Dart and extensions for common operations …github.com

Flutter GPU Example#

by wolfenra

Thanks to Impeller Engine, let us implement cool 3D scenes through Flutter GPU (low-level graphics API)

Blob Button#

by Hasnen

Duupr: Flutter App Dev Shop#

by Roman Jaquez

DuuprA Suupr-Duupr Flutter App Dev Shopduupr.io

Crafting Intelligent Flutter Apps A Journey with FlutterFlow, MakerSuite, and PaLM API by Boris#

by Boris-Wilfried

---

Conference & Meetup#

FLUTTER HEROES: 23 FEBRUARY 2024#

https://flutterheroes.com/2024/agenda/

Flutter Taipei Meetup #9 on 27th Dec#

by Flutter Taipei

Flutter TaipeiShare your videos with friends, family, and the worldyoutube.com

---

Live Streaming & Talk#

Humpday Q&A/AMA and Live Coding :: 31st January 2024#

by Flutter Community

Mastering Flutter Animations: Necessity or Inessential?#

by Temi Ajiboye

Apple releases Vision Pro — what does that mean for Flutter?#

by Ray Li, Matt Carroll

Humpday Q&A/AMA and Live Coding :: 24th January 2024#

by Flutter Community

Humpday Q&A/AMA and Live Coding :: 17th January 2024#

by Flutter Community

Global Gamers Challenge Special — Humpday Q&A/AMA#

by Flutter Community, Kelvin Boateng

What products are built with @FlutterDev? Tell us about them!#

by Ray Li, Matt Carroll

Flutter Spaces — What Happened with the Viral Flutter Tweet w/Casey#

by Ray Li, Matt Carroll

Humpday Q&A/AMA :: 3rd January 2024#

by Flutter Community

---

Package#

shader_presets#

by Marco Bavagnoli

shader_preset uses shader_buffers package that simplify the use of shaders

shader_presets | Flutter PackageA bunch of ready to use shader presets using shader_buffers packagepub.dev

spot 0.10.0-beta.1#

by Pascal Welsch

spot | Flutter PackageChainable finders and better assertions for powerful widget tests.pub.dev

dio_compatibility_layer#

This package contains adapters for Dio which enables you to make use of other HTTP clients as the underlying implementation.

dio_compatibility_layer | Dart PackageEnables dio to make use of http packages.pub.dev

---

Hiring#

Join #FlutterKids 2.0#

by SumayLu, AilaWEquil

WEquil AppBuild your digital resume, capital and connections with WEquil.Appwequil.app

Bilance#

Jobs | Bilance - Better DecisionsAccount Information Service is provided by GoCardless SAS. GoCardless SAS (registration No.834422180) is a limited…bilanceapp.com

---

Articles#

• Use Dart 3 to Improve Development Skills. More Examples and Tips.
• Flutter December 2023 💙 Flutter Monthly
• Flutter November 2023 💙 Flutter Monthly
• Get Familiar with Dart 3, Make your Life Easier!
• Flutter 3.16 & Dart 3.2 重點整理來了！
• Flutter October 2023 💙 Flutter Monthly
• Flutter September 2023 💙 Flutter Monthly
• Flutter August 2023 💙 Flutter Monthly
• Flutter July 2023 💙 Flutter Monthly
• 添加預覽影片到 App Store，提升品牌形象
• Fluttercon 2023 技術研討會
• Flutter 六月大小事
• Wow! Flutter runs on Apple Vision Pro!
• 這次 Flutter 3.10 與 Dart 3 又強大了多少？Google IO 告訴你
• Flutter Meetup #1 聚會有什麼？還有 Flutter 四月大小事！
• 提升開發效率的好物，Mason 讓你輕鬆撰寫自定義模板！
• 教你製作強大的 Rive 動畫，完成一隻 Flutter Dash，在 APP 跟它互動！
• Flutter 如何根據 Flavor 多環境載入對應的 Firebase Config
• Isolates 在 Flutter 3.7 & Dart 2.19 的升級，你該知道一下！
• 讓人驚艷的 Flutter Forward，釋出 Flutter 3.7 和 Dart 2.19
• 學會運用 Flutter Widgetbook，該管好自己和公司的元件庫了！
• 剛進入 Flutter 嗎？適合初學者食用，GetX 是否適合你呢！
• 你知道 Maestro 嗎，兼具人性的自動化測試框架，Flutter 品質就靠它了 — Part 1: 介紹與使用
• 教你為 Riverpod 2.0 撰寫 Flutter 測試 part.1
• 輕鬆了解 Isar NoSQL DB，用它來實作 Flutter 資料庫吧！
• Flutter 輕鬆實作 i18n，使用 easy_localization_generator 就對了
• Flutter CICD 使用 Gitlab Runner 和 App Center 實作 part.1
• 使用 CodeMagic 和 Firebase 實現 Flutter CICD

About#

• GitHub: chyiiiiiiiiiiii
• Twitter: yiichenhi
• Instagram: flutterluvr.yii
• Linkedin: yiichenhi
• Youtube: Yii
• Email: ab20803@gmail.com

Contribution#

If you think the article is good, you can sponsor it, so that I have more motivation and enthusiasm to share my learning and life! Buy me a cup of coffee!

https://www.buymeacoffee.com/yiichenhi

I hope it can help you. Welcome to follow me to get the upcoming article.