Flutter 月報 · 2024年7月8日 · 21 min read

Flutter June 2024 💙 Flutter Monthly

Let’s dive into Flutter world!

Flutter code push with Shorebird | Observable Flutter #46#

I/O Crossword#

by Flutter, Very Good Ventures Team

Built with the Gemini API, Flutter and Firebase
Genkit for Google I/O 2024!

I/O CrosswordExplore the Learning Pathway to learn how to recreate experiences like the I/O Crossword using Flutter and Firebase…crossword.withgoogle.com

Write more succinct and readable Dart code with Dart 3’s pattern matching feature.#

List.generate (Technique of the Week)#

Google Play app is now available for testing on iOS#

Join the Google Play Console betaUsing TestFlight is a great way to help developers test beta versions of their apps.testflight.apple.com

Observable Flutter #45: Universal styling with Mix#

by Flutter, Leo Farias

Tween (Technique of the Week)#

Observable Flutter #44: Backend code with Serverpod#

by Flutter, Craig Labenz

Vertex AI Dart SDK for Firebase#

Get started with the Gemini API using the Vertex AI for Firebase SDKsPreview: Vertex AI for Firebase is in Preview, which means that the product is not subject to any SLA or deprecation…firebase.google.com

A prototype board game powered by Gemini, Firebase, and Rive#

by Roman Jaquez

https://x.com/drcoderz/status/1807413785503703191

How to Host Flutter Web Apps for Free Using Firebase#

by TIJN VAN DEN EIJNDE

https://onlyflutter.com/how-to-host-flutter-web-apps-for-free/

Blobs effect in Flutter with Custom Painter#

Flutter-Animations/lib/custom_painters at master · rutvik110/Flutter-AnimationsExploring “Animations In Flutter”, having fun building and writing about them while doing design challenges to see the…github.com

Dynamically Show or Hide Widgets in Flutter#

by TIJN VAN DEN EIJNDE

https://onlyflutter.com/dynamically-show-or-hide-widgets-in-flutter/

Deploying Dart and Flutter Apps with Docker: VPS Setup Made Simple#

by Dinko Marinac

Deploying Dart and Flutter Apps with Docker: VPS Setup Made SimpleDiscover the easiest way to set up and deploy Dart servers with Docker on Ubuntu VPSdinkomarinac.dev

Multiplayer jigsaw puzzle game using Flutter and Supabase#

https://x.com/leduc20001/status/1804557826456756515

Fix a memory leak in Flutter (#148291) | Building Flutter#

by Matt Carroll

Custom Matchers#

by Matt Carroll

Custom Matchers | Flutter ArbiterHow to write custom Matchers for testsflutterarbiter.com

Arrow Key Scrolling in Flutter Web#

by Gaurav Swarankar

Arrow Key Scrolling in Flutter WebWelcome, Flutter enthusiasts ! Today, i will exp lore how to implement arrow key scrolling in Flutter Web to enhance…medium.com

Confetti Effect#

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

The call notification works fine in Android.#

by Masahiro Aoki

https://x.com/ma_freud/status/1803831508932726906

What can I do with “Extension Types” in Dart?#

What can I do with “Extension Types” in Dart?Extension Types from Dart 3.3yii · writing

Vocab Vortex, a fun and educational vocabulary game developed with Flutter and powered by Gemini AI.#

by Parfait TOKE

GitHub - Docteur-Parfait/vocab_vortex_gemini_flutterContribute to Docteur-Parfait/vocab_vortex_gemini_flutter development by creating an account on GitHub.github.com

M&Ms and Flutter on embedded devices#

by Moritz Theis, Payam Zahedi

https://x.com/payamzahedi95/status/1803742204650721360

GitHub - Snapp-Embedded/m_and_mContribute to Snapp-Embedded/m_and_m development by creating an account on GitHub.github.com

The benefits of using Flutter for your Digital Transformation process#

by Somnio Software - Flutter Agency

The benefits of using Flutter for your Digital Transformation processFlutter is helping organizations streamline their development processes, build high-quality apps, and reach a wider…somniosoftware.com

Mastering Shapes and Clipping in Flutter#

by Roman Ismagilov

Mastering Shapes and Clipping in FlutterWorking with shapes might be overwhelming when you don’t know how to implement the designed UI. In this article, we…blog.stackademic.com

Generative AI with Flutter Series 1#

by Jesutoni Aderibigbe

Generative AI with Flutter Series 1The concluded Google I/O opened my eyes to the amazing possibilities of artificial intelligence in building web or…aderibigbejesutoni860.medium.com

WASM + Flutter Web — Let’s understand it!#

by Abhishek Doshi

WASM + Flutter Web — Things you need to know!It’s time to improve your knowledge and use WASM with your Flutter Web App!medium.com

The Flow of Colours#

by Raouf Rahiche

https://x.com/raoufrahiche/status/1802772154435461194

ShadertoyBuild shaders, share them, and learn from the best community.shadertoy.com

Step-by-Step Guide to Dockerizing Dart and Flutter Web for Deployment#

by Dinko Marinac

Step-by-Step Guide to Dockerizing Dart and Flutter Web for DeploymentComprehensive guide to Dockerizing Dart and Flutter web apps for easy deploymentdinkomarinac.dev

Sorting 90,000 pixels using #Flutter with a #CustomPainter and a quick sort algorithm#

by Roaa Khaddam

https://x.com/roaakdm/status/1802460193000690171

Substantial performance improvements to #Jaspr#

by Kilian Schulte

https://x.com/schultek_dev/status/1801534795723178172

Sneak peak on what’s coming to Riverpod 3.0#

by Shohei Ogawa(@heyhey1028)

Sneak peak on what’s coming to Riverpod 3.0 (@FlutterNinjas Tokyo 2024)Remi’s first visit to Japan to speak at FlutterNinjas Tokyo2024 🇯🇵 Remi Rousselet, renowned Riverpod developer, came…heyhey1028.hashnode.dev

Amie welcome screen recreated with Flutter#

by Kostia Sokolovskyi

GitHub - ksokolovskyi/amie_welcome_screen: Amie Welcome ScreenAmie Welcome Screen. Contribute to ksokolovskyi/amie_welcome_screen development by creating an account on GitHub.github.com

Flutter DevTools in your terminal!#

by Tsukamoto Takeshi

GitHub - itome/flxContribute to itome/flx development by creating an account on GitHub.github.com

Today I finished the level system, was a bit of a pain and math#

by Lucas Goldner

https://x.com/LucasGoldner/status/1801401048097034482

Popups in Flutter#

by Michael Lazebny

Popups in FlutterMaster popups in Flutter: dropdowns, overlays, menus, and more. Learn how to position popups correctly and manage…lazebny.io

Flutter: iOS Home Widgets Deep Dive#

by gskinner team

Flutter: iOS Home Widgets Deep DiveLast year the Flutter Team release an excellent codelab that explained to process of adding an iOS or Android “Home…blog.gskinner.com

Common mistakes with Images in Flutter#

by Roman Ismagilov

Common mistakes with Images in FlutterImages are one of the core features that almost every app uses. Yet, there are several very common ways to affect the…medium.com

Affordable VPS providers and Domain Registrars#

by Dinko Marinac

Top Picks: Affordable VPS Services and Domain Registrar DealsGet the best bang for your buck with budget-friendly VPS hosting & low-cost domain registration.dinkomarinac.dev

Flutter UI Challenge: Animating shapes and their position in Flutter: Part 2#

by Toseef Ali Khan

Flutter UI Challenge: Animating shapes and their position in Flutter: Part 2Let’s continue where we left off.medium.com

Lichess Mobile#

The new mobile app!It’s here, at least partially…lichess.org

GitHub - lichess-org/mobile: Lichess mobile app v2Lichess mobile app v2. Contribute to lichess-org/mobile development by creating an account on GitHub.github.com

Android: https://play.google.com/store/apps/details?id=org.lichess.mobileV2

VSCode Shortcuts, Extensions & Settings for Flutter Development#

by Andrea Bizzotto

VSCode Shortcuts, Extensions & Settings for Flutter DevelopmentA curated list of popular VSCode shortcuts, extensions & settings to speed-up your Flutter development workflow and…codewithandrea.com

I build an audio entrypoint selector for Space Pod | Built with Flutter#

by Matt Carroll

Understanding Responsive Design in Flutter#

Understanding Responsive Design in FlutterIntroductionarticles.wesionary.team

PathMetric.getTangentForOffset() Animation#

https://x.com/FresidentDumazy/status/1798745717777031679

Discover the Serenity of 128 Things#

iOS: https://apps.apple.com/us/app/128-things/id6449224932?ign-itscg=30200&ign-itsct=apps_box_badge

Android: https://play.google.com/store/apps/details?id=com.wearemobilefirst.find_128_things

Discover the Serenity of 128 Things | Blog | We Are Mobile FirstA hidden object game designed to provide relaxation and mindfulness By Mobile First.wearemobilefirst.com

Enhanced Enums with Members In Dart#

by @Shaiq Khan

Enhanced Enums with Members In DartLike many programming languages, Dart permits you to make enums for characterizing limited sets of values. Here and…flutterexperts.com

Loading animation in #flutterdev using rive.#

by Toseef Ali Khan

https://x.com/toseefkhan_/status/1798284772097266151

New Game, WordMine, is Coming Soon!#

by Santosh sahoo

https://x.com/sahoo_santosh_1/status/1798237421722796440

How to Resolve Package Dependency Issues#

FlutterMENA — Unleash the Power of Riverpod in Flutter#

by Mais Alheraki

Shake-to-discount interaction#

How to create Staggered Animation in Flutter: A Guide to Micro-interactions#

How to create Staggered Animation in Flutter: A Guide to Micro-interactionsA staggered animation consists of sequential or overlapping animations. The animation might be purely sequential, with…clouds.hashnode.dev

Deploying on a blockchain can be slow sometimes so we made it a little fun with easya_app#

by Raouf Rahiche

Drawing with the default material in Flutter Scene looks so far#

by Brandon DeRosier

https://x.com/algebrandon/status/1797652659882856555

Seamless Full Stack Development using Flutter & Dart Frog#

by Very Good Ventures Team

Seamless Full Stack Development using Flutter & Dart FrogThis blog post explores the Full Stack Flutter Conference and the potential of Dart & Dart Frog to create a seamless…verygood.ventures

Flutter — easily handle screen rotation function (chinese)#

https://juejin.cn/post/7375183112837038090

You can now generate static sites with Dart!#

by Matt Carroll

You can now generate static sites with Dart! | Blog | Flutter Bounty HuntersWith a new package called Static Shock, you can generate your static sites with Dart and Pub.blog.flutterbountyhunters.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

Conference & Meetup#

Fluttercon Europe 2024#

Agenda - flutterconView the complete agenda for Fluttercon and plan your trip to this year’s event.fluttercon.dev

Flutter Ninjas 2024#

FlutterNinjas Tokyo 2024FlutterNinjas is a brand new Flutter Conference in Tokyo Japanflutterninjas.dev

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

Live Streaming & Talk#

The “late” keyword in dart - good? Bad? Misunderstood?#

by Matt Carroll, Ray Li

Humpday Q&A/AMA and Live Coding! :: 26th June 2024#

by Flutter Community

Humpday Q&A/AMA with Live Coding :: 19th June 2024#

by Flutter Community

How to Deploy iOS app to App Store from Scratch in Flutter using Fastlane and GitHub Action.#

Shaders in #FlutterDev #

by Matt Carroll, Ray Li

WWDC recap for #Flutter devs#

by Matt Carroll, Ray Li

Humpday Q&A/AMA with Serverpods’ Viktor Lidholt :: 12th June 2024#

by Flutter Community

Building a FinTech startup with #FlutterDev — feat Mezzi#

by Matt Carroll, Ray Li

Humpday Q&A/AMA with Live Coding :: 5th June 2024#

by Flutter Community

Packages#

hotspot#

by luke_pighetti

hotspot | Flutter packageSimple tours, coachmarks, and tutorials. Just tag your Widgets!pub.dev

sample_downloader#

by Filip Hracek

sample_downloader | Dart packageAn command line tool for downloading Flutter projects from GitHub.pub.dev

graph_your_widget_tree#

by Tsuyoshi Chujo

graph_your_widget_tree | Flutter packagegrap_your_widget_tree enables you to describe widget trees in your slide deckspub.dev

Hiring#

Ford is hiring for Flutter developers.#

https://www.linkedin.com/jobs/view/flutter-app-developer-at-ford-motor-company-3956727113/

https://x.com/sethladd/status/1806797154956259751

Other Articles#

本文原刊登於 Medium。