Flutter February 2024 💙 Flutter Monthly

Let’s dive into Flutter world!

GDE#

Mikhail Zotyev#

https://twitter.com/MbIXJkee/status/1753434801346957693

Codefarm#

https://twitter.com/mastersam_/status/1752828086083600873

Dart & Flutter Update#

Sharing Flutter’s 2024 roadmapAs an open source project with a thriving community, we strive to be transparent about our plans, with everything from…medium.com

Starting 2024 strong with Flutter and DartAn introduction, two new SDK releases, and bringing Flutter and Dart into the Gemini eramedium.com

Dart#

• Extension Types
• JavaScript Interop
• Improved Browser Libraries & Get Ready for WebAssembly

New in Dart 3.3: Extension Types, JavaScript Interop, and MoreDart 3.3 has landed, and it’s a game-changer for performance and cross-platform development! Get ready to supercharge…medium.com

Extension typesLearn how to write a static-only interface for an existing type.dart.dev

Flutter Roadmap#

RoadmapFlutter makes it easy and fast to build beautiful apps for mobile and beyond - Roadmap · flutter/flutter Wikigithub.com

Flutter Framework#

What’s new in Flutter 3.19Revolutionizing App Development with the Gemini API, Impeller Updates, and Windows Arm64 Supportmedium.com

flutter upgrade

Chinese version ⬇️

Flutter 3.19 & Dart 3.3 改版重點！不能錯過的好消息yii · writing

Google AI Dart SDK#

import 'package:google_generative_ai/google_generative_ai.dart';

const apiKey = ...;

void main() async {
  final model = GenerativeModel(model: 'gemini-pro', apiKey: apiKey);

  final prompt = 'Write a story about a magic backpack.';
  final content = [Content.text(prompt)];
  final response = await model.generateContent(content);

  print(response.text);
};

google_generative_ai | Dart packageThe Google AI Dart SDK enables developers to use Google’s state-of-the-art generative AI models (like Gemini).pub.dev

Quickstart: Get started with the Gemini API in Dart or Flutter apps | Google AI for DevelopersLearn how to use the Gemini API with Dart to generate text from both image and text prompts and to build a chat…ai.google.dev

DartPadAn online Dart editor with support for console and Flutter apps.dartpad.dev

Harness the Gemini API in your Dart and Flutter AppsIntroducing the Google AI Dart SDKmedium.com

---

Hyper Zones — Zone Tracking App#

by Birju Vachhani, Saad Ardati

Hyper ZonesKnow when, wherever.hyperzones.hyperdesigned.dev

Pic2Plate: Crea aplicaciones con IA con Flutter y Gemini#

by Alfredo Bautista Santos

Pic2Plate: Crea aplicaciones con IA con Flutter y Gemini¿Te imaginas poder crear una aplicación que, con solo una foto de tus ingredientes, te sugiera recetas deliciosas y…alfredobs97.medium.com

I built my first generative AI app using Gemini and Flutter#

by Mangirdas Kazlauskas

GitHub - mkobuolys/ai-photo-scavenger-hunt: A fun photo scavenger hunt game implemented using…A fun photo scavenger hunt game implemented using Flutter and Google AI Dart SDK. - mkobuolys/ai-photo-scavenger-huntgithub.com

Flutter user survey: Q1 2024#

by Flutter

Go fill out the survey!

Flutter User Survey Q1 2024Help improve Flutter! Take this Q1 2024 survey.google.qualtrics.com

Integrating Gemini AI with Flutter#

by Very Good Ventures Team

Integrating Gemini AI with FlutterSeamlessly integrate Google’s generative AI, Gemini, into your Flutter apps with the new Beta version of the SDK. Learn…verygood.ventures

Twodos Onboarding Animation#

by Kostia Sokolovskyi

GitHub - ksokolovskyi/twodos_onboarding: Twodos OnboardingTwodos Onboarding. Contribute to ksokolovskyi/twodos_onboarding development by creating an account on GitHub.github.com

Full Stack Flutter with Serverpod mini#

by Tyler Codes

GitHub - tylersavery/serverpod-mini-triviaContribute to tylersavery/serverpod-mini-trivia development by creating an account on GitHub.github.com

Mobile Tech Stack at Tide 💙 Anna and Oleksandr Leushchenko 💙 Flutter Global Summit’24#

by Anna Leushchenko 👩‍💻💙📱🇺🇦, Oleksandr Leushchenko

How to implement Google sign-in on Flutter with Supabase on iOS, Android and the Web#

by Tyler Shukert

February 2024: Auto-testing in App Distro, Flutter speedups, Firestore GA＆Crashlytics improvements#

by Firebase

Smoke simulation in Flutter with flutter_processing#

by Rutvik Tak

From Good to Great: How Adopting SOLID Principles Can Save Your Flutter App from Disaster#

by Tomic Riedel

From Good to Great: How Adopting SOLID Principles Can Save Your Flutter App from DisasterMaster SOLID principles for robust Flutter apps with this concise guide. Learn to build adaptable, maintainable code…tomicriedel.com

7-segment LED display#

by Marco Bavagnoli

GitHub - alnitak/flutter_lcd_ledContribute to alnitak/flutter_lcd_led development by creating an account on GitHub.github.com

More than 50k packages on pub.dev#

Search results for show:unlistedPub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and…pub.dev

Being Full Stack developper with Flutter#

by @SumsaFabrice, Serverpod, Viktor Lidholt

Custom Slider#

by Sanjay Soni

GitHub - imSanjaySoni/Animated-Slider: Custom Animated Slider with FlutterCustom Animated Slider with Flutter. Contribute to imSanjaySoni/Animated-Slider development by creating an account on…github.com

Flutter(Dart)コンストラクタについて#

by @otome0927@github(M T)

Flutter(Dart)コンストラクタについて - Qiita1. コンストラクタとはClassのインスタンスを作成したとき（newしたとき）に呼び出される初期化処理です。2. Generative Constructors（生成的コンストラクタ）通常、…qiita.com

Exploring Accessibility and Digital Inclusion with Flutter#

by Very Good Ventures Team

Exploring Accessibility and Digital Inclusion with FlutterUnlock the power of inclusive design with Flutter! This blog post dives deep into how Flutter empowers developers to…verygood.ventures

Google #Gemini to the Article Idea Generator#

by Jamiu, @_olanetsoft

GitHub - Olanetsoft/article-idea-generator-mobile: Mobile App: Generate your next article idea with…Mobile App: Generate your next article idea with ease. Powered by OpenAI. - Olanetsoft/article-idea-generator-mobilegithub.com

Dart 3.3で導入したextension typeの解説#

by Cat_sushi(Katsushi Yako)

Dart 3.3で導入したextension typeの解説 - QiitaはじめにDart 3.3で導入したextension typeは既存の型のメモリ表現を借りたクラス風の型です。メモリ表現を与えるfinalなフィールドを一つだけ持ちます。そのフィールドのラッパ…qiita.com

Stockholm-based Serverpod secures €1.7 million to remove barriers for faster app development#

Serverpod

https://www.eu-startups.com/2024/02/stockholm-based-serverpod-secures-e1-7-million-to-remove-barriers-for-faster-app-development/

Ambassadors Workshop Signup#

by FlutterFlow

This March, learn FlutterFlow in your native language!We’re excited to offer a unique opportunity to our non-English speaking community: learn FlutterFlow directly from the…community.flutterflow.io

FlutterFlow Ambassador Workshop SignupLearn FlutterFlow in your native language from expertsflutterflow.typeform.com

Book — Flutter Apprentice#

by Stef Patterson, Vincent Ngo, Alejandro Ulate Fallas, Kevin D Moore

Flutter ApprenticeBuild for both iOS and Android with Flutter! Flutter is a new and exciting software development toolkit that lets you…kodeco.com

Getting started with Serverpod mini#

by Serverpod

Getting started with Serverpod miniToday, we are releasing a preview of Serverpod mini — our lightweight, super simple-to-use version of Serverpod.medium.com

Have assets that are only used in a specific flavor in your app#

by Andrea Bizzotto

Create flavors of a Flutter appHow to create build flavors specific to different release types or development environments.docs.flutter.dev

Reimagining FlutterFire: Transforming a critical piece of the Flutter ecosystem#

by Invertase

Reimagining FlutterFire: Transforming a critical piece of the Flutter ecosystemFlutterFire is used in most of today’s Flutter applications and is also one of the most technically complex packages on…invertase.io

Announcing the judges for the #GlobalGamers Challenge#

by Flutter

Figma clone using Flutter and Supabase#

by Tyler Shukert

examples/canvas at main · dshukertjr/examplesCollections of example projects. Contribute to dshukertjr/examples development by creating an account on GitHub.github.com

How to run a Very Good app development team#

by Very Good Ventures Team

How to run a Very Good app development teamLearn how to staff up a high-quality app development team and set these professionals up for ongoing success.verygood.ventures

Messaging in Flutter#

by Gonçalo Palma

‎Messaging in FlutterThis comprehensive guide offers an in-depth exploration of Push Notifications, covering various aspects crucial for…t.co

Looking forward to meeting you in the future.#

by Matt Carroll

Tests aren’t what you think! | Blog | Flutter Bounty HuntersA better way to think about tests in software development.blog.flutterbountyhunters.com

Get familiar with test automation for Flutter apps.#

by Andrew Kelly

Get familiar with test automation for Flutter apps. | Rebel App Studio - THE Flutter ConsultancyThis article provides an introduction to Flutter test automation, catering Flutter testers and developers.rebelappstudio.com

Test automation tools: An experienced insight.#

by Andrew Kelly

Test automation tools: An experienced insight. | Rebel App Studio - THE Flutter ConsultancyThis article helps you identify how to achieve your goals through test automation.rebelappstudio.com

Sprite Modeller#

by Paul Thomas

Flutter + Google AI Dart SDK project#

by Mangirdas Kazlauskas

Dash with Rive#

by Nergis Kuru

Flutter on Raspberry PI — Inky phat — Snapp-embedded#

by Sumith Damodaran Parambat

Flutter on Raspberry PI — Inky phat — Snapp-embeddedWe were looking at different possibilities for running Flutter on Raspberry PI, especially to generate interest for the…medium.com

Understanding Impeller: A deep-dive into Flutter’s Rendering Engine#

by Tomic Riedel

Understanding Impeller: A deep-dive into Flutter’s Rendering EngineExplore how Impeller boosts Flutter app performance. Learn to optimize your app by understanding Impeller’s mechanics.tomicriedel.com

Flutter Projelerinde Google Haritalar İşaretleyiciler ve Yol Tarifleri (Türkçe)#

by Kadriye Macit

Flutter Projelerinde Google Haritalar İşaretleyiciler ve Yol TarifleriHerkese merhaba!medium.com

Stardustry (Flame Game)#

by Erick

Stardustry on SteamYou are the new manager of Stardustry, the pinnacle of resource extraction and production in outer space! Mine ores…store.steampowered.com

Animation — Text Shimmer Wave#

by tomiwa

flutter_advance/lib/text_shimmer_wave.dart at main · cscoderr/flutter_advanceA collection of custom/advance Flutter design, animations and UI - flutter_advance/lib/text_shimmer_wave.dart at main ·…github.com

Dash Collection#

by Fabian Varela Bonett

Visualizing the Material3 durations in Flutter by spinning Codemagic logo#

by Taha Tesser

DartPadAn online Dart editor with support for console and Flutter apps.dartpad.dev

Durations class - material library - Dart APIAPI docs for the Durations class from the material library, for the Dart programming language.api.flutter.dev

How to Speed Up Flutter App Localization With AI#

by LeanCode

How to Speed Up Flutter App Localization With AIWe created the Flutter arb_translation package, automating the addition of missing translations with Google Gemini API…leancode.co

Apple Translate Text Animation#

by Raouf Rahiche

apple_translate_text_animationA new Flutter project.apple_translate_text_animation.codemagic.app

GitHub - Rahiche/apple_translate_text_animationContribute to Rahiche/apple_translate_text_animation development by creating an account on GitHub.github.com

Helps summarize news content using generative ai package!#

by czar

GitHub - Yczar/flash-briefs: Flash Brief is an innovative application leveraging Google’s…Flash Brief is an innovative application leveraging Google’s Generative AI to provide concise, accurate summaries of…github.com

How to Speed Up Flutter App Localization With AI#

by LeanCode

How to Speed Up Flutter App Localization With AIAuthor: Robert Odrowąż-Sypniewski from LeanCodemedium.com

Flutter UI challenge: rotary passcode (animations)#

by Mangirdas Kazlauskas

Flutter UI challenge: rotary passcode (animations) | Mangirdas Kazlauskas, Expert Flutter DeveloperRetro rotary passcode input UI challenge made with Flutter. The main focus of this part is motion design - animations.kazlauskas.dev

Building a Flutter SDK: Breaking Down a Flutter Package — Part One#

by Deven Joshi

Building a Flutter SDK: Breaking Down a Flutter Package - Part OneThis article explores every aspect of a Flutter package via the files present inside it using the Stream Chat Flutter…getstream.io

Observable Flutter #36: Google AI Dart SDK!#

by Flutter

Right to Left (RTL) in Flutter App — Developer’s Guide#

by LeanCode

Right to Left (RTL) in Flutter App - Developer’s GuideFollow the guide prepared by Flutter Developer on how to introduce RTL design in the Flutter app and support both…leancode.co

Building High-Quality Production Flutter App: A Complete Guide to Flutter Remote Logging with GCP Cloud Logging#

by Eternity (Isaac Adariku)

A Complete Guide to Flutter Remote Logging with…Building High-Quality Production Flutter Apps by Isaac Adarikuisaacadariku.medium.com

How FlutterFlow Uses FlutterFlow#

by FlutterFlow

MagiScan AI 3D Scanner app#

Magiscan 3d scanner app for iOS and AndroidMade from high-quality ceramic, this mug features a bold red finish and a comfortable handle for easy use. Its 10-ounce…magiscan.app

→ 在 cards.producthunt.com 查看

Superlist 1.0 — the new home to all your lists.#

Superlist: Home to all your listsFor team work, personal projects, and everything in between.superlist.com

Superlist: UpdatesFor team work, personal projects, and everything in between.superlist.com

• macOS: https://storage.googleapis.com/superlist-appcast/beta/latest/Superlist.zip
• Web: https://app.superlist.com/inbox
• iOS: https://apps.apple.com/us/app/superlist-tasks-lists/id1547585270
• Android: https://play.google.com/store/apps/details?id=com.superlist.superlist

It’s time for the NATIVE mobile development to end?#

by Michael Szczepanik

It’s time for the NATIVE mobile development to end.Dive into the future of app development: Discover why it’s time to shift from native to cross-platform solutions like…medium.com

Become the top 100 contributors for Flutter with Taha Tesser#

by Majid Hajian, Taha Tesser

Flutter Global Gamers Challenge — Recycling Vin#

by Roman Jaquez

Flutter on a flip phone#

by Roman Jaquez

Extreme UI Adaptability in Flutter — How Google Earth supports every use case on earth#

by Craig Labenz

Extreme UI Adaptability in Flutter — How Google Earth supports every use case on earthWhen Google Earth set out to rewrite their mobile and web clients in Flutter, they knew they wanted to allow each and…medium.com

Building a Flutter-themed game for #visionOS#

by Roman Jaquez

Accessibility with Flutter: the Basics of Semantics#

by PAR PAUL BRIAND

Accessibility with Flutter: the Basics of SemanticsLearn how to make your Flutter apps accessible with practical tips on using the Semantics Tree and screen readers.bam.tech

How to build a real-time multiplayer game with Flutter Flame#

by Tyler Shukert

How to build a real-time multiplayer game with Flutter FlameBuild a real-time multiplayer game using Flutter, Flame, and Supabase realtime.supabase.com

FlameCon 6: Going 3D, Riverpod and Flame, games and more#

by Flame

A journaling app for the future#

by Gautier

A journaling app for the futureThe first iOS and Android journal app that allows you to record short moments of your life and send them to the future.uly.app

Making a Button in Enterprise Applications: A Deeper Dive#

by Miller Go Dev

Making a Button in Enterprise Applications: A Deeper Dive | code on sundayA story about how making a button in an enterprise application is different from making one for a small organization.codeonsunday.com

feedback (Package of the Week)#

by Flutter

Patrol UI Testing Framework — Setup Tutorial by LeanCode#

by LeanCode

Achieving a Very Good App Launch#

by Very Good Ventures Team

Achieving a Very Good App LaunchLearn why it’s important to focus on best practices in the run-up to an application release, and discover some of the…verygood.ventures

Creating a Figma clone app with Flutter and Supabase#

by Tyler Shukert

Observable Flutter #35: Writing a code generator#

bt Flutter

Tetris Game by Flutter!#

by Aoi.Umigishi

flutter_tetrisA new Flutter project.umigishi-aoi.github.io

GitHub - Umigishi-Aoi/flutter_tetris: make a game like tetris by fluttermake a game like tetris by flutter. Contribute to Umigishi-Aoi/flutter_tetris development by creating an account on…github.com

#flutter_deck presentations sharing#

by Mangirdas

1. Custom presentation template
2. Interactive elements
3. A Flame game running in one of the slides

slidesA new Flutter project.kazlauskas.dev

Animation — Swipe to Pay Page#

by tomiwa

flutter_advance/lib/swipe_to_pay/view/swipe_to_pay_page.dart at main · cscoderr/flutter_advanceA collection of custom/advance Flutter design, animations and UI …github.com

Ski Master now has touch controls! (Flame)#

by DevKage

flutter_advance/lib/swipe_to_pay/view/swipe_to_pay_page.dart at main · cscoderr/flutter_advanceA collection of custom/advance Flutter design, animations and UI …github.com

Painting done on the 3D Dash!#

by Roman Jaquez

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

Flutter APPs#

by LeanFlutter

Flutter AppsA collection of apps built on Flutter.leanflutter.dev

GitHub - leanflutter/flutter_apps: A collection of apps built on Flutter.A collection of apps built on Flutter. Contribute to leanflutter/flutter_apps development by creating an account on…github.com

Using PostgreSQL on a Dart server#

by Suragch

Using PostgreSQL on a Dart serverA tutorial on integrating the Dart Shelf server with a Postgres databasesuragch.medium.com

Macros, Static Metaprogramming, and Primary Constructors in Dart and Flutter#

by Sandro Maglione

Macros, Static Metaprogramming, and Primary Constructors in Dart and Flutter | Sandro MaglioneSome new features are coming to the dart programming language: static metaprogramming and primary constructors. Learn…sandromaglione.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

Shorebird on iOS is now beta!#

by Shorebird

Blog | iOS BetaShorebird Code Push for iOS beta announcementshorebird.dev

Gunslinger#

by Dany

https://play.google.com/store/apps/details?id=dev.studiocloud.gunslinger

Dart on the Server: Exploring Server-Side Dart Technologies in 2024#

by Dinko Marinac

Dart on the Server: Exploring Server-Side Dart TechnologiesDart, known for its role in Flutter, is gaining traction on the server side. Explore key frameworks, including…dinkomarinac.dev

---

Conference & Meetup#

WASM I/O 2024#

FLUTTER, DART, AND WASM: SHIPPING A NEW MODEL FOR WEB APPLICATIONS

WASM I/O * 14-15 Mar * Barcelona 2024Flutter, Dart, and WASM: Shipping a new model for Web applications. A two-day WebAssembly conference in Barcelona…2024.wasmio.tech

Flutter Global Summit 24#

Agenda - Flutter Global Summit 24Flutter Global Summit 24geekle.us

Full Stack Flutter — Initial lineup of speakers#

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

FlameCon 6: Going 3D, Riverpod and Flame, games and more#

by Blue Fire

Flutter Egypt#

→ 在 docs.google.com 上的表單 查看

Flutter & Friends 2024 is now in the making!#

Flutter & Friends 2024Flutter & Friends is a dual track conference for the community by the community, taking place in Stockholm, Sweden on…flutterfriends.dev

Fluttercon Europe 2024 — CALL FOR SPEAKERS#

Fluttercon Europe 2024: Call for SpeakersFluttercon Europe will be the largest gathering of developers in Europe focused on Flutter and Dart, as well as the…sessionize.com

Flutter Riga Meetup #2#

---

Live Streaming & Talk#

Humpday Q&A/AMA and Live Coding! :: 28th February 2024#

by Flutter Community

Flutter releases their 2024 roadmap#

by Matt Carroll

Humpday Q&A/AMA and Live Coding! :: 21st February 2024#

by Flutter Community

Gemini & Dart#

by czar

Dart on the server#

by Matt Carroll

Humpday Q&A/AMA :: 14th February 2024#

by Flutter Community

Humpday Q&A/AMA :: 7th February 2024#

by Flutter Community

---

Package#

overlord#

overlord | Flutter packageAn assortment of widgets that loom over your content.pub.dev

modular_ui#

modular_ui | Flutter packagePre-built beautiful flutter widgets Inspired by material-tailwind and shadcn/uipub.dev

Modular UICraft beautiful, accessible, and responsive Flutter UIs with a Modular-UI Design-inspired component librarymodularui.site

Best Flutter Packages Of 2023#

by SyntacOps

---

Hiring#

Invertase#

Open Source Support EngineerRemote, Europeboards.eu.greenhouse.io

Lightyear#

Mobile Software Engineer - Flutter - LightyearAbout Lightyear. We’re on a mission to make investing better for everyone in Europe. More specifically, we’re making it…careers.lightyear.com

The Depository Trust & Clearing Corporation (DTCC)#

GitHub - Securrency-OSS/mirai: Mirai is a Server-Driven UI (SDUI) library for Flutter. Mirai allows…Mirai is a Server-Driven UI (SDUI) library for Flutter. Mirai allows you to build beautiful cross-platform applications…github.com

https://www.linkedin.com/jobs/view/3818823342/?alternateChannel=search&refId=T5tP6cf8iomj1O/XCfQ7FA%3D%3D&trackingId=vHV5j8ezfVv71Q2DJbiWJA%3D%3D

---

Articles#

• Flutter January 2024 💙 Flutter Monthly
• 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