Flutter 月報 · 2024年4月2日 · 24 min read

Flutter March 2024 💙 Flutter Monthly

Let’s dive into Flutter world!

DartPad is now built with Flutter!#

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

Flutter takes the stage at GDC#

Flutter takes the stage at GDCLast year saw a major update to the Flutter Casual Games toolkit. This week, Flutter made its debut at the Game…medium.com

AI Flutter Code Generator with Gemini API | Build with Google AI#

by Google, Flutter

Observable Flutter #39: Building a data layer with Serverpod#

by Craig Labenz

Deep linking pain points, be gone!#

by Kevin Chisholm

Drag and drop — Flutter Build Show#

by Craig Labenz, Flutter

History of JS Interop in Dart#

by Sigmund Cherem

History of JS interop in DartSupport for Wasm just landed in the current Flutter beta, thanks to an exciting JavaScript interop milestone reached in…medium.com

Criando um game Tower Defense com Bonfire [Parte 5]#

by Rafael Almeida Barbosa

Flame — Flutter Devtools Extension#

by Lukas Klingsbo

Duupr Counter, a customer-service ticket tracking app#

by Roman Jaquez

Add image support to Flutter web application with Supabase Storage | Flutter Figma Clone #4#

by Tyler Shukert

Drawing a character stroke by stroke in the correct order#

by Nikodem Bernat

Building 6-Platform Flutter App: Using 3 Auth Providers & Supabase#

Building 6-Platform Flutter App: 3 Auth Providers & SupabaseDiscover why Supabase became our choice and how we used Supabase Auth to enable sign-in via three providers: Google…leancode.co

🎓📱 FULL Flutter Masterclass: Beginner to Pro#

by Miller Go Dev

by apparencekit

Riverpod + GoRouter route redirectionHow to use GoRouter with Riverpod to secure a route in Flutter. Two solutions to redirect a user to another page if…apparencekit.dev

Track online users with Supabase Realtime Presence | Flutter Figma Clone #3#

by Supabase

by Alexander Troshkov

Flutter Test Automation with widget and golden tests. | Rebel App Studio — THE Flutter ConsultancyThis article delves deeper into Flutter test automation. It is specifically tailored for Flutter developers.rebelappstudio.com

ThemeData.adaptations についてサクッと説明するよ#

【Flutter】ThemeData.adaptations についてサクッと説明するよみなさん、ご存知の通りFlutterにはThemeDataがあります。ThemeDataにはそれはもうたくさんのプロパティがあって、多分全部理解してる人はそう多くないはずです。ちなみに、以前こんなブログも認めて(したためて)いるので、もしま…blog.dalt.me

Getting Started with Serverpod mini and Globe#

by Majid Hajian

Getting Started with Serverpod mini and GlobeIn this article, we’ll dive into creating a Serverpod mini backend and effortlessly deploying it using Globe.dev.globe.dev

Drawing some squares in Flutter today.🟩#

by Brandon DeRosier

Compiling Flutter Engine Locally — Web engine (Part III)#

Compiling Flutter Engine Locally — Web engine (Part III)In this part, we will try building Web engine and also handle some errors that may happen during the build. We will use…huynq.dev

Flutter Hold Down Animated Button#

by Diego Velasquez

GitHub — diegoveloper/flutter_hold_down_animated_buttonContribute to diegoveloper/flutter_hold_down_animated_button development by creating an account on GitHub.github.com

FlutterFlow 2024: our product vision and roadmap#

by Leigha Jarett

FlutterFlow 2024: our product vision and roadmapWhere we see the FlutterFlow platform headed in the next year, and how we’re planning to get theremedium.com

Live Building Gemini Ai App in FlutterFlow#

Airbnb months picker#

by @Kostia Sokolovskyi

GitHub — ksokolovskyi/airbnb_months_picker: Airbnb Months PickerAirbnb Months Picker. Contribute to ksokolovskyi/airbnb_months_picker development by creating an account on GitHub.github.com

Flutter demos hacked together just before GDC!#

by Brandon DeRosier

GitHub — bdero/flutter-scene-example at gdc2024Contribute to bdero/flutter-scene-example development by creating an account on GitHub.github.com

4 Ways to deploy your Dart backend#

by Majid Hajian

4 Ways to deploy your Dart backendIn this tutorial, you will how you can deploy your Dart backend in 4 different ways and you can see which way suits…globe.dev

Track online users with Supabase Realtime Presence#

by Tyler Shukert

Practical Guide to Flutter Native Integration with Pigeon#

by Odeh Sebastine

Practical Guide to Flutter Native Integration with PigeonThis article is the second part of a continuously progressing series on integrating native views, Jetpack Compose for…blog.stackademic.com

Dash Mug by 3D Printer#

by Roman Jaquez

https://twitter.com/drcoderz/status/1769730033113829440

BackButtonListener simplifies handling the Android back swipe gesture amazingly well#

by Cagatay Ulusoy

https://twitter.com/ulusoyapps/status/1769674818922697015/photo/1

Supabase Storage in harmony with Realtime#

by Tyler Shukert

Gunslinger is out now!#

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

🐋 A Dart client for the Docker API via local unix socket.#

GitHub — invertase/dart_docker: 🐋 A Dart client for the Docker API via local unix socket.🐋 A Dart client for the Docker API via local unix socket. — invertase/dart_dockergithub.com

Web App vs. Mobile App Development: What’s the Difference?#

by Very Good Ventures Team

Web App vs. Mobile App Development: What’s the Difference?Learn the value a web app can bring to your overall outreach strategy, and learn how to incorporate web app development…verygood.ventures

How to create a generative AI app using Gemini and Flutter#

by Mangirdas Kazlauskas

How to create a generative AI app using Gemini and Flutter | Mangirdas Kazlauskas, Expert Flutter…Overview of the googlegenerativeai package and how to use it to create a generative AI app using Gemini and Flutter.kazlauskas.dev

Flutter — 解决返回原生页面时dispose方法未被触发的问题 🐞#

Flutter — 解决返回原生页面时dispose方法未被触发的问题 🐞对 Flutter 混编项目做了性能优化，其中最坑的，莫过于从 Flutter 页面返回原生页面时 dispose 方法竟然不走，这就导致一些资源无法得到释放juejin.cn

Utilizing Carbon Design System Figma Kit to Auto-generate Color Tokens#

by Miller Go Dev

Utilizing Carbon Design System Figma Kit to Auto-generate Color Tokens | code on sundayTo prepare for implementing a design system, I need to prepare some basic elements like color palettes and typography.codeonsunday.com

by Tomic Riedel

The Complete Guide to Widget Testing in FlutterTesting, especially automated testing, is an essential part of professional app development. Learn how to widget-test…blog.stackademic.com

recreated the SmartCharge Preferences selector from @montadotcom mobile application#

by Kostia Sokolovskyi

GitHub — ksokolovskyi/monta_triangle_selector: Monta Triangle SelectorMonta Triangle Selector. Contribute to ksokolovskyi/monta_triangle_selector development by creating an account on…github.com

Duupr app — a Gemini and Firebase powered Flutter app#

by Roman Jaquez

FlutterFlow Local Run — the best way to test your FlutterFlow app#

Testing On Mobile Device | FlutterFlow DocsYou can test your app on a mobile device in the following ways: You can test your app on a real device using the Local…docs.flutterflow.io

Flutter UI Challenge 3 & 4 overview from Flutter4fun.com blog#

As an alternative to — dart-define flags, you can define environment variables in Dart#

by Andrea Bizzotto

Flutter 2024 — Build beautiful, native experiences across platforms from a single codebase#

by Randal L. Schwartz

Flutter 2024Build beautiful, native experiences across platforms from a single codebase.codingcat.dev

The power of open-source. Making Maestro work better with Flutter#

by Bartek Pacia

The power of open-source. Making Maestro work better with FlutterMaestro is the fastest and easiest way to create end-to-end UI tests for your mobile app — no matter whether it’s built…blog.mobile.dev

Some helpful extensions for Dart when you want to check if something is truth!#

https://x.com/rodydavis/status/1765125146510233938?s=20

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

Packages and Apps Built With Gemini AI and Flutter#

Packages and Apps Built With Gemini AI and FlutterIn this article, we take a look at interesting package and app examples where Gemini AI and Flutter have joined forces…leancode.co

Build a Video Call App for Android & iOS with ZEGOCLOUD in Flutter#

by CodeWithDarkwa

The Complete Guide To Unit Testing in Flutter#

by Tomic Riedel

The Complete Guide To Unit Testing in FlutterTesting, especially automated testing, is an essential part of professional app development. Learn how to unit test…tomicriedel.medium.com

Empowering Environmental Change: The TrashBlitz App built with FlutterFlow#

Empowering Environmental Change: The TrashBlitz App built with FlutterFlowIntroduction: FlutterFlow applications have now become powerful tools for social and environmental activism…blog.flutterflow.io

AsyncMemoizer: Caching Futures for Performance Optimization in Flutter#

by Etornam Sunu Bright

AsyncMemoizer: Caching Futures for Performance Optimization in FlutterTired of redundant API calls and sluggish performance? Flutter developers, rejoice! AsyncMemoizer is your secret weapon…etornam-sunu.medium.com

Flutter Push Notification with OneSignal#

by Bilal Özcan

Flutter Push Notification with OneSignalFlutter da Push Notification bildirimlerini uygulamamıza entegre etme, bildirim gönderme, OneSignal ve daha fazlası…medium.com

Build a content recommendation app with Flutter and OpenAI#

by Supabase

Build a content recommendation app with Flutter and OpenAIBuild a movie-viewing app that recommends another movie based on what the user is viewing using OpenAI, Flutter and…supabase.com

Election Method Simulation app on WASM#

Election Method SimulationMove candidates around a virtual town and see how an election turns out using different voting methods.vote.j832.com

Build Headspace app by FlutterFlow#

by Will Hobick

https://twitter.com/WillHobick/status/1763623058080743475

From PaLM to Gemini with Flutter’s new AI Dart SDK#

by Sylvia Dieckmann

From PaLM to Gemini with Flutter’s new AI Dart SDKEarlier I built a Flutter demo with PaLM API integration. Now I am rewriting the app for Gemini using the new Google AI…sylviedie.medium.com

Create type-safe CLI apps with the help of code generation by cli-gen#

by Patt O’Brien

GitHub — pattobrien/cli-gen: Create type-safe CLI apps with the help of code generation.Create type-safe CLI apps with the help of code generation. — pattobrien/cli-gengithub.com

River Animation on Flutter#

by Luke Greenwood

Hyper Zones App — Early Access#

Hyper ZonesKnow when, wherever.hyperzones.hyperdesigned.dev

Conference & Meetup#

Flutteristas Special 💜#

by Flutter Riga

Flutter Conferences 2024: Must-Attend Events for Flutter Devs!#

Flutter Conferences 2024: Must-Attend Events for Flutter Devs!At LeanCode, we love live events. This time, we’re diving into exciting conferences for Flutter enthusiasts. See this…leancode.co

FlutterNinjas — CfP is opening from now to April 17th!!#

flutterninjasFlutterNinjas is a brand new Flutter Conference held in Tokyo Japanflutterninjas.dev

FlutterNinjas: Call for SpeakersFlutterNinjas is a brand new Flutter conference for English speakers in Tokyo Japan💙It’s going to be held in Jun…sessionize.com

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

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

Live Streaming & Talk#

Dribble Game and Financial Independence — pt 2.#

by Luke Pighetti and Casey Rogers

Dribble Game and Financial Independence - pt 2. by Ship Fam - Indie Enterpeneurship, App Dev…This is a follow up to last week’s episode on Dribble Game-Casey’s viral NBA trivia app. This week’s episode focuses on…podcasters.spotify.com

#18 Önder Ceylan ile WebAssembly (Wasm)#

by Flutter Sohbetleri, Cagatay Ulusoy

→ 在 open.spotify.com 查看

The podcast for Flutter developers — Verry#

by It’s All Widgets!

Verry | It’s All Widgets!Verry is a Flutter freelancer and an active member of the Flutter community. She has a master’s degree in computer…itsallwidgets.com

Humpday Q&A/AMA and Live Coding! :: 27th March 2024#

by Flutter Community

Flutter games and Flutter framework API design#

by Matt Carroll, Ray Li

Flutters new animation style with Taha#

by Matt Carroll, Ray Li, Taha Tesser

Humpday Q&A/AMA and Live Coding! with Majid Hajian :: 20th March 2024#

by Flutter Community

Ship Fam — Indie Entrepreneurship, App Dev, Flutter, and more!#

by Luke Pighetti and Casey Rogers

Ship Fam — Indie Enterpeneurship, App Dev, Flutter and more! * A podcast on Spotify for PodcastersLuke is a professional frontend engineer building a portfolio of indie apps and developer tools. Casey is an ex…podcasters.spotify.com

Open source — a tool or a religion?#

by Matt Carroll, Ray Li

Humpday Q&A/AMA :: 13th December 2023#

by Flutter Community

Flutter Sessions #8 — Exploring Dart extension types & Gemini AI in Flutter#

by Flutter Uruguay

Celest: the Flutter Cloud Platform#

by Flying High with Flutter, Celest

Flutter ve Gemini#

by Flutter Türkiye

Chat with Jeff Bunn — founder of Clearful | Flutter Bounty Hunters#

by Matt Carroll, Jeff Bunn

Does the Dart AI SDK even matter?#

by Matt Carroll

Humpday Q&A/AMA with special Edson Yanaga from Google Wallet Team :: 6th March 2024#

by Flutter Community

Package#

Jetpack Glance Home Screen Widgets with Flutter#

by Anton Borries

Jetpack Glance Home Screen Widgets with FlutterUse home_widget to add Home Screen Widgets to your Flutter Apps using Jetpack Glancemedium.com

On Android, you can now request to pin a Widget to the HomeScreen.

home_widget | Flutter packageA plugin to provide a common interface for creating HomeScreen Widgets for Android and iOS.pub.dev

Other Articles#

本文原刊登於 Medium。