Flutter July 2024 💙 Flutter Monthly

Let’s dive into Flutter world!

---

Flutter CTO Report 2024#

by LeanCode, Flutter

Flutter CTO Report 2024 — LeanCodeThe first of its kind the “Flutter CTO Report 2024”! Check out what almost 300 CTOs, CIOs, and Tech Leads think about…leancode.co

\1. Interview: Craig Labenz & Łukasz Kosman — The Future of Flutter

of Flutter CTO Report 2024#

Chinese version (by Hamber)

https://j08v3n7cqq.feishu.cn/wiki/DyHyw6nc7i6FiekDLbCcrwzWnNd

AI generated UI — Private Preview Waitlist#

by Flutter

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

Static site generation with Static Shock | Observable Flutter #48#

by Flutter, Matt Carroll

Rewriting freezed with Macros | Observable Flutter #47#

by Flutter, Remi Rousselet

firebase_vertexai (Package of the Week)#

by Flutter

Future.wait (Technique of the Week)#

by Flutter

GDE#

Levent Kantaroglu#

Obum#

---

𝟮𝟬𝟮𝟰 𝗦𝘁𝗮𝗰𝗸 𝗢𝘃𝗲𝗿𝗳𝗹𝗼𝘄 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗦𝘂𝗿𝘃𝗲𝘆🚀#

by Stack Overflow

• 6% of developers use Dart
• 9.4% use FlutterDev

Technology | 2024 Stack Overflow Developer SurveyJavaScript has been a mainstay in the developer survey and on Stack Overflow since our first survey. The most popular…survey.stackoverflow.co

Build an Uber clone with Flutter and Supabase#

by Tyler Shukert

GitHub - dshukertjr/uber-cloneContribute to dshukertjr/uber-clone development by creating an account on GitHub.github.com

Deploy a Flutter Web Application Using AWS Amplify#

by Muhammed Salih Guler

Deploy a Flutter Web Application Using AWS AmplifyFlutter is a UI toolkit used to create cross-platform applications for mobile, desktop, and web from a single codebase…salihgueler.medium.com

Flutter List with Motion Blur and some Distortion effect#

by Florian Vögtle

Integrating Multiple Analytics Services in Flutter: The Modular Way#

by Dinko Marinac

Integrating Multiple Analytics Services in Flutter: The Modular WayImplement a flexible analytics system in your Flutter app. This guide shows you how to manage multiple providers…dinkomarinac.dev

Ripple Animation In Flutter#

by Shaiq Khan

Ripple Animation In Flutter - FlutterexpertsFlutter makes excellent animations simple. That is the fact. What is likewise the truth of the reality is that we, as…flutterexperts.com

Journal/diary app called Bloom#

by Nzeh

Simple RFW editor for Flutter#

by Rody Davis

rfw_studioA new Flutter project.rodydavis.github.io

GitHub - rodydavis/rfw_studio: Simple RFW editor for FlutterSimple RFW editor for Flutter. Contribute to rodydavis/rfw_studio development by creating an account on GitHub.github.com

1st FlutterVienna Hackathon: Play with Flutter!#

by FlutterVienna

1st FlutterVienna Hackathon: Play with Flutter!, Sat, Aug 3, 2024, 9:30 AM | MeetupDear Flutternauts, this is a very special one. We are going into our summer break with talks and our standard meetups…meetup.com

Interacting with AI using infinite canvases and mind maps to shape ideas and get an overview of a topic.#

by Bùi Đại Dương

Understanding InheritedModels on an example of a MediaQuery#

by Roman Ismagilov

Understanding InheritedModels on an example of a MediaQueryThis article aims to give an overview of how InheritedModels work, what is happening on the Element level and how to…medium.com

“const” in Flutter#

by MatanLurey

Coverflow carousel recreated using Flutter#

by Tomiwa

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

Explored Flutter for creative coding, and using algorithms for various art techniques#

by Roaa Khaddam

GitHub - Roaa94/flutter-meets-art: Slides and Demo for the Talk “Code Meets Art: Flutter for…Slides and Demo for the Talk “Code Meets Art: Flutter for Creative Coding” - Roaa94/flutter-meets-artgithub.com

A flutter project demonstrating a stacked card with a spring animation#

by Ethiel ADIASSA

GitHub - Ethiel97/flutter_stacked_cards_spring_animation: Stacked cards spring animationStacked cards spring animation. Contribute to Ethiel97/flutter_stacked_cards_spring_animation development by creating…github.com

July 2024: Flutter CTO Report, FlutterCon Takeaways, Interviews from Google I/O, Rewriting Freezed with Macros#

by Andrea Bizzotto

July 2024: Flutter CTO Report, FlutterCon Takeaways, Interviews from Google I/O, Rewriting Freezed…Also included: Code Push with Flutter, Flutter adaptive theming guide, building an enterprise mobile application with…codewithandrea.com

How to choose the proper architecture for a Flutter app?#

by LeanCode, Mateusz Wojtczak

Free Webinar: Architecture in Flutter Apps - LeanCodeWant to learn all there is to know about Flutter Architecture? Join our webinar, where LeanCode’s Head of Mobile will…leancode.co

Another practice macros for FlutterDev’s SharedPreferences#

by Tsuyoshi Chujo

A new glitch transition effect by using shader#

by Raouf Rahiche

Glitch Transition | Flutter ShadersA shader that creates a glitch effect, producing an aesthetic transition with distortions and noise.fluttershaders.com

Project Miniclient — Introduction#

by Oleksandr Leushchenko, Tide Engineering

Project Miniclient — IntroductionHave you ever wondered what it looks like to work on an enterprise mobile application with more than 2.3 million lines…medium.com

AI feature at Supabase with Flutter#

by Majid Hajian, Tyler Shukert

Fun little Flutter project#

by Manny Moin

Draw and guess project with Flutter and Firebase#

by Ifeanyi

GitHub - o-ifeanyi/draw_and_guessContribute to o-ifeanyi/draw_and_guess development by creating an account on GitHub.github.com

Flutter Ninjas Conference Vlog | Tokyo, Japan | Conference Speaker#

by Akanksha Singh

Flutter Unit Testing: Understanding setUp() and setUpAll()#

by Dhrumil Shah

Flutter Unit Testing: Understanding setUp() and setUpAll()Don’t Get Confused! A Clear Explanation of setUp() vs. setUpAll()medium.com

Making a Flutter app to debug my pathfinding library!#

by Matan Lurey

Sector DemoA demo of the sector package.matanlurey.github.io

a_star | Dart packageA comprehensive A* algorithm. Suitable for anything from physical grids to abstract search spaces.pub.dev

3Dd modeled, 3D printed and hand-painted for FlutterConfLATAM24#

by Roman Jaquez

Flutter Dash Funko PopUnofficial Flutter Dash Funko Popcults3d.com

What’s Next for Flutter After Layoffs Hit Google Team#

by Loraine Lawson

What’s Next for Flutter After Layoffs Hit Google TeamSome developers are skeptical about Flutter’s future in the wake of layoffs. Here’s what Flutter’s product manager has…thenewstack.io

Flutter — Smooth switching between chat keyboard and panel#

by LinXunFeng

Flutter - Smooth switching between chat keyboard and panelOverviewmedium.com

Enums on Steroids with Dart. Best Enum features ever!#

by Ethiel ADIASSA

Enums on Steroids with Dart. Best Enum features ever!Dart enums are special because they offer for more advanced features compared to typical enums in other programming…medium.com

Migrating A Flutter Application From GetIt To Bloc#

by tomerpacific

Migrating A Flutter Application From GetIt To BlocHow hard was it?medium.com

Chat App w/ Notifications • Flutter Masterclass#

by Mitch Koko

Flutter Form Validation — Beyond Basics#

by Payam Zahedi

Flutter Form Validation - Beyond BasicsForm validation in Flutter can be like navigating a maze. The methods we typically use may get the job done, but they…medium.com

flutter_custom_visuals for shader#

by Raouf Rahiche

flutter_custom_visualsA new Flutter project.flutter_custom_visuals.codemagic.app

GitHub - Rahiche/flutter_custom_visualsContribute to Rahiche/flutter_custom_visuals development by creating an account on GitHub.github.com

flutter_robot is great idea to test your pages!#

by Rafael Almeida Barbosa

RFC: Postgres vector support#

by Serverpod

RFC: Postgres vector support · Issue #2471 · serverpod/serverpodSupport for the Postgres vector package, pgvector, would make Serverpod a more viable option for working with…github.com

Adding AR features to the board game “Into the Googleverse”#

by Roman Jaquez

Flutter Gooey Blobs#

by Rutvik Tak

Flutter Gooey BlobsLearn how to make gooey blobs with custom painter in Flutter, and how you might be able to use them in your projects.code.pieces.app

LG webOS Hackathon 2024#

by LG

LG webOS Hackathon 2024Join the LG webOS Hackathon 2024! Showcase your innovative app or game designed for LG webOS TVs. Compete for top…weboshackathon.lge.com

Flutter Adaptive Theming Guide#

by Mike Rydstrom, Taha Tesser

Flutter Adaptive Theming GuideAdvanced Flutter theming by RydMikerydmike.com

Flutter Full Stack App Development Course With Django and Backend#

by dbestech

Ensuring Consistent and High-Quality Code In Dart and Flutter Projects Through Continuous Integration (CI)#

by Majid Hajian

Ensuring Consistent and High-Quality Code In Dart and Flutter Projects Through Continuous…This blog post explores the importance of maintaining consistent and high-quality code in Dart and Flutter projects…dcm.dev

“Lucky Flutter” — built with Flutter and Firebase for the hosting and lever triggering#

by Roman Jaquez

Build a Flappy Dash Game Using Flutter and Flame (E01: Overview)#

by imaN NeO

Enable “Show layout bounds” in the developer settings to know if an app is made using Flutter or not#

by Remi Rousselet

Left is Flutter. Because Flutter uses a canvas to render.

Enhance Your Macros: Pass Type to Macro Classes#

by Tsuyoshi Chujo

Flutter Macros: Pass Type to Macro ClassesIn the previous article, I introduced a step-by-step guide to making macro classes…chooyan.hashnode.dev

Experimenting with something close to DartPad and are thrilled to introduce CodePad, a DartPad alternative.#

by czar, Dart Mind

CodepadCodepad is an online code editor for Dart and Flutter, similar to DartPad. It allows you to write, run, and share Dart…codepad.dartmind.io

Building a multiplayer quiz game with Serverpod#

by Ökkeş Aksoy.

GitHub - Aksoyhlc/ServerpodQuiz: Quiz app developed with Flutter and serverpod, where users can…Quiz app developed with Flutter and serverpod, where users can compete online. - Aksoyhlc/ServerpodQuizgithub.com

Use Flutter to create a voice assistant (Chinese)#

by zonble

前言使用 Flutter 所提供的套件以及 Gemini 打造自己的語音助理zonble.github.io

Make Your Macros: Step-by-Step Guide for Flutter Macros#

by Tsuyoshi Chujo

Step-by-Step Guide for Flutter MacrosHave you experienced boilerplate issues in developing Flutter apps? I do. I always write static route() methods for an…chooyan.hashnode.dev

How we developed a scalable, incredibly fast crossword generator#

by Very Good Ventures Team

How we developed a scalable, incredibly fast crossword generatorAre you looking for a way to generate crosswords quickly and efficiently? In this blog post, we discuss how we built a…verygood.ventures

FlameEngine game using on the Steam deck#

by Erick

Transitioning to work a Flutter project mainly for large screens#

by enoch_aik

Now Figma provides Material 3 Design Kit components with just drag and drop.#

by Taha Tesser

Interview: Viktor Lidholt & Łukasz Kosman — Can Dart be truly full stack?#

by LeanCode, Viktor Lidholt

Animated Mesh Gradient in Flutter#

by Souvik Biswas

GitHub - sbis04/image_mesh_gradient: Flutter implementation of image to animated mesh gradientFlutter implementation of image to animated mesh gradient - sbis04/image_mesh_gradientgithub.com

Master Flutter UI | Let’s Build Fintech Mobile App (Part 1)#

by codewithdarkwa

Minimap made with Dart & Flutter#

by Modestas Valauskas

Flutter — Supports observing NestedScrollView, with greater compatibility 😈#

by LinXunFeng

Flutter - Supports observing NestedScrollView, with greater compatibility 😈Overviewmedium.com

GitHub - fluttercandies/flutter_scrollview_observer: A widget for observing data related to the…A widget for observing data related to the child widgets being displayed in a ScrollView. Maintainer: @LinXunFeng …github.com

Check out Retro app welcome screen made with Flutter#

by Kostia Sokolovskyi

GitHub - ksokolovskyi/retro_welcome_screen: Retro Welcome ScreenRetro Welcome Screen. Contribute to ksokolovskyi/retro_welcome_screen development by creating an account on GitHub.github.com

Implementation of mesh gradients in fullscreen on Mac#

by Renan

Video Editor in Flutter#

by Ansh Rathod

Everything You Always Wanted to Know About HttpClients#

by Thomas Burkhart

HttpClients: Essential Facts and TipsLearn the efficient use of HttpClients in Flutter and Dart, including client reuse, closure, native implementations…blog.burkharts.net

App of the Year award in South Africa#

by Elton Fasser

Verlet integration based physics engine#

by Jochum van der Ploeg

You can now run Signals in DartPad!#

by Rody Davis

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

Understanding Composited Layers to improve the performance of Flutter apps#

by Roman Ismagilov

Understanding Composited Layers to improve the performance of Flutter appsIn Flutter, besides Widget, Element and RenderObject trees, there’s also a Layer tree. And the same way the Element…medium.com

Flutter with GraphQL : Part 1 Introduction to GraphQL#

by Debasmita Sarkar

Flutter with GraphQL : Part 1 Introduction to GraphQLYou send a message:medium.com

Various Dart & Flutter packages to work with Apple’s PassKit#

by Jonas Uekötter

GitHub - ueman/passkit: Various Dart & Flutter packages to work with Apple’s PassKitVarious Dart & Flutter packages to work with Apple’s PassKit - ueman/passkitgithub.com

---

Conference & Meetup#

FlutterFlow Developers Conference 2024#

by FlutterFlow

FluterFlow Developers Conference 2024 | FFDC 24Join us for FFDC 2024 as we celebrate, collaborate and learn more about what’s new in FlutterFlow. Learn from respected…ffdc.io

Fluttercon Europe 2024#

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

Photos#

dcBerlin 24/Fluttercon EU 24Explore this photo album by droidcon on Flickr!flickr.com

Slides & Videos#

GitHub - martin-bertele/ftcon24eu: Content from the FlutterCon Europe 2024Content from the FlutterCon Europe 2024. Contribute to martin-bertele/ftcon24eu development by creating an account on…github.com

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

by LeanCode

Live Streaming & Talk#

Using Dart to generate blogs, docs, landing pages, and more!#

by Matt Carroll, Ray Li

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

by Flutter Community

Create Flutter slides with flutter_deck ft Mangirdas#

by Matt Carroll, Ray Li

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

by Flutter Community

Shorebird AMA | July 16, 2024#

by Shorebird

Did you go to FlutterCon? Tell us how it went!#

by Matt Carroll, Ray Li

Humpday Q&A/AMA and Live Coding! :: 10th July 2024#

by Flutter Community

All the #FlutterDev’s who weren’t cool enough for FlutterCon#

by Matt Carroll, Ray Li

Packages#

jaspr_serverpod#

by jaspr, Serverpod

Serverpod integration for jaspr.

jaspr_serverpod | Dart packageServerpod integration for jaspr.pub.dev

http_get_cache#

by Rody Davis

import 'package:http_get_cache/http_get_cache_flutter.dart';

void main() async {
    ...
    await initFlutterHttpGetCache();
    
    // Create a new HTTP Client
    final client = httpClient();

    // Future<StreamedResponse>
    final res = await client.send('...');
    
    // Stream<StreamedResponse>
    final res = await client.stream('...');
}

GitHub - rodydavis/http_get_cache: HTTP compliant cache for Dart and Flutter. This package is a…HTTP compliant cache for Dart and Flutter. This package is a wrapper around the http package that provides a simple way…github.com

ticking_widget 1.0.0#

TickingWidget(
  mode: TickingMode.second,
  builder: (context, now, child) => Text(
    DateFormat('hh:mm:ss a').format(now),
  ),
)

ticking_widget | Flutter packageA widget to build clocks, timers and everything that changes with time.pub.dev

flutter_remote_display 0.1.0#

• ESP32 running Flutter UI
• Bi-directional events and gesture control

flutter_remote_display | Flutter packageA package and protocol to connect to remote MCUs and use them as an external flutter display.pub.dev

---

Other Articles#

• Flutter June 2024 💙 Flutter Monthly
• What can I do with “Extension Types” in Dart?
• Flutter May 2024 💙 Flutter Monthly
• Flutter April 2024 💙 Flutter Monthly
• How to implement Shorebird Code Push in Flutter?
• Flutter March 2024 💙 Flutter Monthly
• Flutter February 2024 💙 Flutter Monthly
• 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 October 2023 💙 Flutter Monthly
• Flutter September 2023 💙 Flutter Monthly
• Flutter August 2023 💙 Flutter Monthly