yii.
← Writing
Flutter 月報 · · 19 min read

Flutter November 2024 💙 Flutter Monthly

Let’s dive into Flutter world!


🔈 #FlutterInProduction#

by Flutter

Tune in at 11am PT on December 17, 2024

#FlutterInProductionComing soon Tune in to help celebrate the incredible journey we’ve taken together as a community to make Flutter the…flutter.dev

Tune in for #FlutterInProduction — coming soon to a screen near you!Mark your calendars and be sure to tune into #FlutterInProduction at 11:00am PT on December 17, 2024.medium.com

Prospera: using Flutter to bring AI to the frontline of sales#

by Todd Volkert

Prospera: using Flutter to bring AI to the frontline of salesDevelopers around the world are using Google’s Gemini models to tackle real-world challenges, and one of the most…medium.com

Restoring old code | Observable Flutter #55#

by Flutter, Craig Labenz

Widgetbook | Observable Flutter #54#

by Flutter, Craig Labenz, Lucas Josefiak

Architecting Flutter apps#

by Flutter

Architecting Flutter appsLearn how to structure Flutter apps.docs.flutter.dev

samples/compass_app at 16c3c021e857e71e11c74ecf5f444dbbced41197 · flutter/samplesA collection of Flutter examples and demos. Contribute to flutter/samples development by creating an account on GitHub.github.com

Welcome to the Flutter Forum! A Clear Space for Flutter Folks.#

by Hillel Coren

Flutter ForumEdit descriptionforum.itsallwidgets.com


A feature of one of my custom apps Duupr Home: tracking when your fridge is open.#

by Roman Jaquez

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

Getting Started with Flutter and Appwrite (Authentication) Part1#

by CodeWithDarkwa

Serverpod 🚀 2.2 Release Keynote — Futurism#

by Serverpod

Serverpod 2.2, “Futurism” — New test tools and a sneak peek of the futureWrite a more reliable Dart backend for Flutter with our new test tools. Explore two exciting future features.medium.com

I built a web app with Flutter and this is how I feel about it#

by chill_chinese

https://www.reddit.com/r/FlutterDev/comments/1gfhyfn/i_built_a_web_app_with_flutter_and_this_is_how_i/

Chill ChineseThe fastest, most beautiful, and most comprehensive online Chinese dictionary. Take your Chinese learning to the next…app.chill-chinese.com

Windows XP in Flutter!#

by developer from Flutter Taipei

FlutterXPA Windows XP simulator created with Flutter.flutterxp-9c43a.web.app

Hosting Flutter Web Apps with SEO: Official Project Announcement!#

by Tyler Codes

Rainbow w/ CircularProgressIndicator, SizedBox & Stack#

by Tirth Patel

https://x.com/piedcipher/status/1860955535673053580
 import 'package:flutter/material.dart';
 
 const kBaseSize = 350.0;
 const kOffset = 40.0;
 const kColors = [Colors.red, Colors.orange, Colors.yellow, Colors.green, Colors.blue, Colors.indigo, Colors.purple];
 
 void main() => runApp(const RainbowApp());
 
 class RainbowApp extends StatelessWidget {
   const RainbowApp({super.key});
 
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         body: Center(
           child: Stack(
             alignment: Alignment.center,
             children: [
               for (int i = 0; i < kColors.length; i++) ...[
                 RotatedBox(
                   quarterTurns: 3,
                   child: SizedBox(
                     width: kBaseSize - (kOffset * i),
                     height: kBaseSize - (kOffset * i),
                     child: CircularProgressIndicator(
                       value: .5,
                       strokeWidth: 20,
                       color: kColors[i],
                     ),
                   ),
                 ),
               ],
             ],
           ),
         ),
       ),
     );
   }
 }

I built a 120 FPS game using Flutter#

by Harsh Vardhan

I built a 120 FPS game using FlutterThe mobile gaming studios are using overly heavy gaming engines to build board games. So I built a product to prove…harsh-vardhhan.medium.com

Learn Riverpod (flutter) in less than 10 minutes#

by Nicolai Kolandjian

Askinator: It’s a fun twist on the classic genie game#

by Enzo Conty

AskinatorWill you dare challenge me ?askinator-c6fe5.web.app

htf24-hackathon-submissions/submissions/Askinator.md at main ·…Submit your project in the Appwrite Hacktoberfest ‘24 Hackathon - htf24-hackathon-submissions/submissions/Askinator.md…github.com

Experiments: pub.dev/experimental for pub.dev#

https://pub.dev/experimental

ExperimentsExperiments are not an official part of the pub.dev site. They showcase features we are working on, that are not yet…pub.dev

Script to Update Android Project#

by Andrea Bizzotto

#!/bin/bash
# Update Gradle, Java and other Android project settings in a Flutter project
# Works with both .gradle and .gradle.kts build files

# See: https://gradle.org/releases/
# See: https://developer.android.com/build/releases/gradle-plugin#compatibility
DESIRED_GRADLE_VERSION="8.11.1"
# Build errors often show the required Java version
DESIRED_JAVA_VERSION="17"
# See: https://developer.android.com/ndk/downloads
DESIRED_NDK_VERSION="27.0.12077973"
# Google Play Stores requires a minimum target SDK version
DESIRED_TARGET_SDK="35"
# The minimum Android SDK version
DESIRED_MIN_SDK_VERSION="24"
# This should be compatible with the DESIRED_GRADLE_VERSION set above
# See: https://developer.android.com/build/releases/gradle-plugin#updating-gradle
DESIRED_ANDROID_APPLICATION_VERSION="8.9.1"

# Exit if this is not a Flutter project
if [ ! -f "pubspec.yaml" ]; then
  echo "This is not a Flutter project"
  exit 1
fi

# Exit if the Android directory does not exist
if [ ! -d "android" ]; then
  echo "The Android directory does not exist"
  exit 1
fi

# Navigate to the Android directory
cd android

# Update Gradle version (if specified)
if [ -n "$DESIRED_GRADLE_VERSION" ]; then
  sed -i '' "s/gradle-.*-all.zip/gradle-${DESIRED_GRADLE_VERSION}-all.zip/" gradle/wrapper/gradle-wrapper.properties
fi

# Detect if using Groovy or Kotlin build gradle file
if [ -f "app/build.gradle.kts" ]; then
  BUILD_GRADLE="app/build.gradle.kts"
else
  BUILD_GRADLE="app/build.gradle"
fi

# Update Java version (if specified)
if [ -n "$DESIRED_JAVA_VERSION" ]; then
  sed -i '' "s/JavaVersion.VERSION_[0-9_]*/JavaVersion.VERSION_${DESIRED_JAVA_VERSION}/" "$BUILD_GRADLE"
fi

# Update NDK version (if specified)
if [ -n "$DESIRED_NDK_VERSION" ]; then
  sed -i '' "s/ndkVersion = .*/ndkVersion = \"${DESIRED_NDK_VERSION}\"/" "$BUILD_GRADLE"
fi

# Update minSdk version (if specified)
if [ -n "$DESIRED_MIN_SDK_VERSION" ]; then
  sed -i '' "s/minSdk = .*/minSdk = ${DESIRED_MIN_SDK_VERSION}/" "$BUILD_GRADLE"
fi

# Update targetSdk version (if specified)
if [ -n "$DESIRED_TARGET_SDK" ]; then
  sed -i '' "s/targetSdk = .*/targetSdk = ${DESIRED_TARGET_SDK}/" "$BUILD_GRADLE"
fi

# Update com.android.application version in settings.gradle (if specified)
if [ -n "$DESIRED_ANDROID_APPLICATION_VERSION" ]; then
  # Detect if using Groovy or Kotlin build gradle file
  if [ -f "settings.gradle.kts" ]; then
    sed -i '' "s/id(\"com.android.application\") version \".*\" apply false/id(\"com.android.application\") version \"${DESIRED_ANDROID_APPLICATION_VERSION}\" apply false/" settings.gradle.kts
  else
    sed -i '' "s/id \"com.android.application\" version \".*\" apply false/id \"com.android.application\" version \"${DESIRED_ANDROID_APPLICATION_VERSION}\" apply false/" settings.gradle
  fi
fi

echo "Android project updated. Run 'git diff android' to see the changes."

Flutter Stack Weekly — Issue#150#

by Jignesh Sanghani

Flutter Stack Weekly — Issue#150Welcome to Flutter Weekly — a newsletter on new development and updates of Flutter universe curated by Canopas team…medium.com

Find apps built with Flutter#

by Alex Lion

Find apps built with FlutterFind apps built with Flutterflutterhunt.com

☁️📱 Upload to Storage w/ Supabase • Flutter Tutorial#

by Mitch Koko

Flutter Myths: Clearing Up Common Misconceptions#

by Very Good Ventures Team

Flutter Myths: Clearing Up Common MisconceptionsWe dispel common myths about Flutter’s performance, plugin availability, language, and future. Learn why Flutter is a…verygood.ventures

Add a tile to your watch app using Flutter#

by Bo Hellgren

Add a tile to your watch app using FlutterYou are a Flutter fan and have an idea about a watch app. It involves showing data on a tile. Here’s how to do that.levelup.gitconnected.com

𝗙𝗹𝘂𝘁𝘁𝗲𝗿 𝗔𝗻𝗶𝗺𝗮𝘁𝗲𝗱 𝘁𝗮𝗯𝘀#

by Yunwen

https://x.com/Yunweneric/status/1857012502841684275

GitHub — yunweneric/flutter-open-ui: Flutter open-source project that’s all about pushing the…Flutter open-source project that’s all about pushing the boundaries of User Interfaces! 🌟✨ If you’re a Flutter…github.com

Flutter and Blockchain: A Developer’s Comprehensive Guide#

by Ritutosh Bhatia

Flutter and Blockchain: A Developer’s Comprehensive Guide — FlutterexpertsIn this article, we will explore the Flutter and Blockchain: A Developer’s Comprehensive Guide. We see how to execute a…flutterexperts.com

Bonfire + Shaders#

by Rafael Almeida Barbosa

https://x.com/RafaBarbosaTec/status/1856792961604030782

Bonfire(RPG maker) Create RPG-style or similar games with Flutter.bonfire-engine.github.io

Master Real-Time Frequency Extraction in Flutter to Elevate Your App Experience#

by Florian Vögtle

Master Real-Time Frequency Extraction in Flutter to Elevate Your App ExperienceMaster real-time frequency extraction in Flutter and elevate your app’s experience with adaptive shaders similar to…medium.com

GitHub - vgtle/shader_studio: A collection of implemented shaders bundled in a single app to show…A collection of implemented shaders bundled in a single app to show case. - vgtle/shader_studiogithub.com

💾📱 Database Basics w/ Supabase • Flutter Tutorial#

by Mitch Koko

ServerPod with Flutter | Worth trying this backend?#

by CodeX

Low(er) level Dart tips & tricks#

by Jonas Uekötter

Low(er) level Dart tips & tricksThis is a quick and short one, I recommend reading it as a warm-up before reading a more in-depth article.medium.com

North Korean hackers create Flutter apps to bypass macOS security#

by Bill Toulas

North Korean hackers create Flutter apps to bypass macOS securityNorth Korean threat actors target Apple macOS systems using trojanized Notepad apps and minesweeper games created with…bleepingcomputer.com

Flutter vs. React Native — Which is Better for Your Project? [Updated Analysis for 2025]#

by Bartosz Skuza, Jakub Janiec, Inez Bartosińska

Flutter vs React Native - Updated Analysis for 2025 | BlogFlutter vs React Native? Find the perfect framework for your app development. Gain insights from professionals with…thedroidsonroids.com

by Daniel Olayinka

https://x.com/daniel_kiing3/status/1855970803541516303

GitHub — danielkiing3/numbies_animation: Numbies Animation ImplementationNumbies Animation Implementation. Contribute to danielkiing3/numbies_animation development by creating an account on…github.com

How to Pin Flutter Version for Your Projects without 3-party packages 🚀 | Flutter Tutorial#

by Katarina Sheremet

🔒📱 Authentication with Supabase • Flutter Tutorial#

by Mitch Koko

Creating and publishing a new Flutter package to pub.dev in 2 hours#

by Mangirdas Kazlauskas

Creating and publishing a new Flutter package to pub.dev in 2 hours | Mangirdas Kazlauskas, Expert…A step-by-step guide on how to create and publish a new Flutter package to pub.dev, fast and easy.kazlauskas.dev

Discussion: MVVM pattern for Flutter apps#

by Tsuyoshi Chujo

MVVM pattern for Flutter appsMVVM is one of the most popular architecture patterns for mobile app development. In this article, I’ll discuss how…chooyan.hashnode.dev

Flutter — Parallax effect in PageView#

by LinXunFeng

Flutter — Parallax effect in PageViewOverviewmedium.com

Duupr Clock built with @FlutterDev and @Firebase running on a Raspberry Pi loaded w/ PrimeOS. Animations in @rive_app#

by Roman Jaquez

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

Design System from scratch in Flutter#

by Kanan Yusubov

Design System from scratch in FlutterInitially, many solutions are available to create a Design System for your app in Flutter. I want to share my…medium.com

Flutter Draggable in action#

by Huy

https://x.com/HuyNguyenTw/status/1853098710882005164

PullingManager: Simple Real-Time Updates for Flutter#

by Idan Ayalon

PullingManager: Simple Real-Time Updates for FlutterBuilding real-time apps in Flutter? You’ve probably wrestled with how to handle data updates. After a client requested…medium.com

Widget caching. Instead of rebuilding expensive widgets every frame, store them in memory and reuse them.#

by Pierre Martin

FlutterFlow University Expert Training#

by Majid Hajian

Going Serverless with Dart: AWS Lambda for Flutter Devs#

by Dinko Marinac

Going Serverless with Dart: AWS Lambda for Flutter DevsStep-by-step tutorial on creating AWS Lambda functions with Dart. Learn how to extend your Flutter apps with serverless…dinkomarinac.dev

My October Challenge: Building and Releasing Minesweeper Hex#

by Stephan E.G. Veenstra

My October Challenge: Building and Releasing Minesweeper HexLast month, I set myself a new challenge: to build and release a small app from scratch within a month. This decision…seg.veenstra.dev

Project Miniclient — Navigation#

by Oleksandr Leushchenko

Project Miniclient — NavigationPart of the Project Miniclient series. Dive into two types of navigation — catch up on the introduction if you missed…medium.com

The Three Stages of Flock#

by Matt Carroll

The Three Stages of FlockThese are the three major phases of Flock development.getflocked.dev


Conference & Meetup#

Flutter Roadshow India 2024#

Flutter Roadshow India 2024Join Flutter Roadshow India 2024 in Mumbai this December! Dive into cutting-edge Flutter tech, connect with industry…flutterroadshow.com

FlutterNinjas Tokyo 2025#

FlutterNinjas Tokyo 2025FlutterNinjas is the Flutter Conference for English speakers in Tokyo Japanflutterninjas.dev

Flutter & Friends 2025! (31st of August to 2nd of September)#

by Lukas Klingsbo

https://x.com/FlutterNFriends/status/1863530617540902920

Live Streaming & Talk#

Flutter Web Updates with Kevin Moore#

by Flying High with Flutter, Kevin Moore

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

by Flutter Community

Building a daily memory journal with #FlutterDev ft Marco Napoli#

by Matt Carroll, Ray Li

Humpday Q&A/AMA and Live Coding :: 20th November 2024#

by Flutter Community

Offline mode in #FlutterDev with Loon fr Dan Reynolds#

by Matt Carroll, Ray Li

Humpday Q&A/AMA with Daria :: 13th November 2024#

by Flutter Community

Humpday Q&A/AMA and Live Coding :: 6th November 2024#

by Flutter Community

Flutter Spaces 1yr anniversary — open chat#

by Matt Carroll, Ray Li

Package#

simple_deploy#

simple_deploy | Dart packageEffortlessly deploy to TestFlight and Play Store test tracks with a single Dart command!pub.dev

infinite_calendar_view#

infinite_calendar_view | Flutter packageA Flutter package allows you to easily implement all calendar views.pub.dev

Hiring#

Stream#

Lead Flutter SDK DeveloperAmsterdam OR Skopjeboards.greenhouse.io


本文原刊登於 Medium。