Flutter Trending
Flutter 趋势
汇总 GitHub、Dev.to、freeCodeCamp、Hacker News、Medium、Reddit 的近期热门内容。
GitHub
20 条Dart 与 Flutter 相关仓库热度
chen08209/FlClash
更新于 05/09 15:17
localsend/localsend
更新于 05/09 15:17
Predidit/Kazumi
更新于 05/09 14:33
bggRGjQaUbCoE/PiliPlus
更新于 05/09 14:12
KaringX/clashmi
更新于 05/09 15:29
flutter/flutter
更新于 05/09 14:58
hiddify/hiddify-app
更新于 05/09 15:25
ImranR98/Obtainium
更新于 05/09 15:14
AppFlowy-IO/AppFlowy
更新于 05/09 15:22
KaringX/karing
更新于 05/09 14:51
KRTirtho/spotube
更新于 05/09 14:27
spotiflacapp/SpotiFLAC-Mobile
更新于 05/09 14:18
venera-app/venera
更新于 05/09 14:48
ente-io/ente
更新于 05/09 14:58
BasedHardware/omi
更新于 05/09 15:08
Chevey339/kelivo
更新于 05/09 14:11
Solido/awesome-flutter
更新于 05/09 12:52
fluttergems/awesome-open-source-flutter-apps
更新于 05/09 11:12
Notsfsssf/pixez-flutter
更新于 05/09 13:53
wanghongenpin/proxypin
更新于 05/09 14:29
Dev.to
12 条开发者文章与项目分享
🚀 FlutterFlow’s New Feature: App Events (A Game Changer for Scalable Apps)
Codexlancers
speed and maintainability. While FlutterFlow makes UI development incredibly fast, managing communication between different parts of an app could sometimes become complex. But with the introduction of App Events, FlutterFlow has taken a major step forward — bringing cleaner architecture, better performance, and a much more scalable approach to app development. 🤯 The Problem Before App Events ❌ Passing multiple navigation parameters ❌ Managing complex global or local state ❌ Writing tightly coupled logic between screens Hard to maintain Difficult to debug Less scalable What Are App Events? decoupled communication system inside FlutterFlow. 👉 Core Idea: Trigger an event from anywhere in the app Listen and respond to that event from anywhere No direct connection between components is required. More modular Easier to maintain Much cleaner in terms of logic 🔄 How It Works (Simple Example) Let’s say a user adds an item to the cart 🛒 Without App Events: Manually update cart badge Refresh product list Update summary screen Pass state across multiple screens With App Events: Trigger event → “Cart Updated” All relevant UI components automatically react 🔑 Key Highlights Global Events App-level events Handled across the entire application Processed sequentially Perfect for: Authentication state changes Analytics tracking Logging Local Events Scoped to specific pages or components Support multiple listeners Trigger instant UI updates Perfect for: UI refresh Component communication Dynamic interactions Why This Feature Matters modern software architecture patterns, such as: Event-driven systems Loose coupling Reactive UI updates Benefits: Less complex code structure Better performance Easier debugging Improved scalability My Take most impactful updates in FlutterFlow in recent times. It solves a real problem developers face when scaling apps and introduces a pattern that aligns with how modern applications are built. 🧩 Final Thoughts serious development platform capable of handling complex applications. App Events are a big step in that direction. 👉 If you haven’t explored it yet, now is the time. FlutterFlow #NoCode #LowCode #AppDevelopment #MobileDevelopment #Firebase #UIUX #TechUpdate #Developers
How FlutterSeed Saves Hours of Flutter Project Setup Time
Md Rakibul Haque Sardar
Introduction As a mobile app developer, I have spent countless hours setting up new Flutter projects from scratch. The process can be tedious and time-consuming, involving a lot of repetitive tasks such as choosing the architecture, setting up state management, and configuring routing and backend services. However, I recently discovered FlutterSeed, a game-changing tool that has revolutionized the way I set up new Flutter projects. In this blog post, I will share my personal experience with FlutterSeed and how it has saved me hours of setup time. Traditional setup of a Flutter project involves a lot of manual work, including setting up the project structure, choosing the architecture, and configuring various services such as state management, routing, and backend services. This process can be error-prone and time-consuming, and can take up to several hours to complete. Moreover, the setup process can be inconsistent, with different developers using different approaches and architectures, which can lead to maintenance issues down the line. FlutterSeed is a visual Flutter app initializer that allows you to set up a new Flutter project in minutes. It uses a node-based visual graph builder to export a production-ready Flutter project ZIP file. With FlutterSeed, you can create a new project by defining the architecture, state management, routing, and backend services using visual nodes. This approach makes it easy to create a consistent and maintainable project structure. Graph-driven decisions: architecture, state, routing, backend, theme as visual nodes Deterministic generation: Graph to ScaffoldConfig to ZIP Preset + custom flow: curated or pub.dev custom package nodes CLI: npm install -g flutterseed-cli, then flutterseed init my_app Templates: Feature-first, E-commerce, Offline-first, Auth-only, Supabase full-stack Key Features of FlutterSeed One of the key features of FlutterSeed is its ability to generate a production-ready Flutter project ZIP file based on your visual graph configuration. This means that you can create a new project and have it up and running in minutes, without having to spend hours setting up the project structure and configuring various services. FlutterSeed supports a range of stack options, including Riverpod, BLoC, and Provider for state management, and go_router and AutoRoute for routing. It also supports Firebase, Supabase, and REST for backend services, and Material and Cupertino for theme and design. This means that you can choose the stack that best fits your needs and create a project that is tailored to your requirements. FlutterSeed is designed for indie devs, startups, agencies, and enterprise teams. Whether you are a solo developer or part of a large team, FlutterSeed can help you save time and increase productivity by automating the project setup process. Using FlutterSeed is easy. First, you need to install the FlutterSeed CLI by running the command bash In conclusion, FlutterSeed has been a game-changer for me and my team. It has saved us hours of setup time and has allowed us to focus on building and delivering high-quality mobile apps. If you are a mobile app developer, I highly recommend checking out FlutterSeed and seeing how it can help you streamline your project setup process. You can learn more about FlutterSeed and get started with the tool by visiting https://flutterseed.pro.bd. Originally posted from FlutterSeed
Introducing Chroma Theme 🎨 — A Premium Material 3 Dynamic Theming Engine for Flutter
Satyam Gawali
Introducing Chroma Theme 🎨 A Premium Material 3 Dynamic Theming Engine for Flutter Managing themes in Flutter can become complex very quickly, especially when working with Material 3. You often need to: Configure dozens of colors Support Light and Dark themes Add AMOLED and High Contrast modes Manage custom palettes Persist user preferences Write repetitive ThemeData boilerplate To solve this, I built Chroma Theme. Chroma Theme is a premium, dynamic, and adaptive Material 3 theming engine for Flutter that turns a single seed color into a complete, production-ready theme system. 🎨 Dynamic seed-based color generation 🌗 Light, Dark, AMOLED, and High Contrast modes 🎭 20+ professionally curated palettes 🛠️ Full Material 3 tonal palette access 🧩 Global component overrides 💾 Theme persistence support 🚀 Intuitive BuildContext extensions ♿ Accessibility-focused design dependencies: chroma_theme: ^1.1.0 import 'package:chroma_theme/chroma_theme.dart'; import 'package:flutter/material.dart'; void main() { runApp( ChromaTheme( initialMode: ChromaThemeMode.system, initialPalette: ChromaPalette.blue, child: const MyApp(), ), ); } context.chroma.setSeeds( const ChromaSeeds( primary: Color(0xFF6366F1), ), ); Supported modes: Light Dark AMOLED High Contrast System Chroma Theme includes 20+ curated palettes such as: Neon Forest Midnight Mint Berry Blush Ice Latte Noir Mauve Ocean Signal ChromaTheme( overrides: ChromaOverrides( appBarTheme: const AppBarTheme( centerTitle: true, ), ), child: const MyApp(), ); Save and restore user theme preferences using SharedPreferences, Hive, or any custom storage solution. Pub.dev: https://pub.dev/packages/chroma_theme GitHub: https://github.com/Satyam-Gawali/chroma_theme 🙌 Feedback Welcome I’d love to hear your thoughts, suggestions, and contributions. If you find the package useful, please consider starring the GitHub repository and sharing your feedback. Thanks for reading! 🚀
How FlutterSeed Saves Hours of Flutter Project Setup Time
Md Rakibul Haque Sardar
Introduction When it comes to setting up a new Flutter project, developers often find themselves spending hours on boilerplate code and configuring the architecture. This can be a tedious and time-consuming process, especially for indie devs and startups who are short on time and resources. However, with the introduction of FlutterSeed, a visual Flutter app initializer, this process can be significantly streamlined. In this article, we will explore the pros and cons of using FlutterSeed for your Flutter project setup. FlutterSeed is a node-based visual graph builder that allows developers to create a production-ready Flutter project ZIP file in a matter of minutes. It offers a range of features, including graph-driven decisions, deterministic generation, and preset + custom flow. With FlutterSeed, developers can choose from a variety of templates, including feature-first, e-commerce, offline-first, auth-only, and Supabase full-stack. The platform also supports a range of stack options, including Riverpod/BLoC/Provider, go_router/AutoRoute, Firebase/Supabase/REST, and Material/Cupertino. Graph-driven decisions: architecture, state, routing, backend, theme as visual nodes Deterministic generation: Graph to ScaffoldConfig to ZIP Preset + custom flow: curated or pub.dev custom package nodes CLI: npm install -g flutterseed-cli, then flutterseed init my_app Templates: Feature-first, E-commerce, Offline-first, Auth-only, Supabase full-stack How FlutterSeed Saves Time Traditional Flutter project setup can take hours, with developers having to manually configure the architecture, write boilerplate code, and set up the necessary dependencies. However, with FlutterSeed, this process can be completed in a matter of minutes. The platform's visual graph builder allows developers to make decisions about the architecture, state, routing, backend, and theme, and then generates a production-ready Flutter project ZIP file. This saves developers a significant amount of time, which can be spent on more important tasks, such as developing the app's features and functionality. Saves time: FlutterSeed can save developers hours of time when setting up a new Flutter project Easy to use: The platform's visual graph builder makes it easy for developers to make decisions about the architecture and generate a production-ready Flutter project ZIP file Customizable: FlutterSeed offers a range of templates and stack options, allowing developers to customize the project to their needs Consistent architecture: FlutterSeed ensures that the architecture of the project is consistent, which can help to reduce errors and bugs Cons of Using FlutterSeed Limited flexibility: Some developers may find that the platform's visual graph builder limits their flexibility when it comes to customizing the project Learning curve: While the platform is easy to use, some developers may need to spend time learning how to use it effectively Dependence on the platform: Developers may become dependent on FlutterSeed for setting up new projects, which can make it difficult to set up projects without it Setting Up FlutterSeed bash FlutterSeed is designed for indie devs, startups, agencies, and enterprise teams. The platform is particularly useful for teams who are working on multiple projects at once, as it can help to streamline the setup process and ensure consistency across all projects. In conclusion, FlutterSeed is a powerful tool that can save developers hours of time when setting up a new Flutter project. With its visual graph builder, customizable templates, and range of stack options, FlutterSeed makes it easy to generate a production-ready Flutter project ZIP file in a matter of minutes. While there may be some limitations to the platform, the benefits far outweigh the drawbacks. If you're looking to streamline your Flutter project setup process, we recommend checking out FlutterSeed at https://flutterseed.pro.bd. Originally posted from FlutterSeed
ProfitPulse ERP: An AI-Powered Business Intelligence App Built with Gemma 4 & Flutter
yiawakil 37
This is a submission for the Gemma 4 Challenge: Build with Gemma 4 ProfitPulse is a cross-platform ERP (Enterprise Resource Planning) application built with Flutter, designed for small-to-medium businesses that need a fully offline-capable, privacy-first tool for managing their operations. Out of the box it covers: 📦 Inventory Management — Track stock levels, batch numbers, and expiry dates The entire AI layer works 100% on-device, with no data ever leaving the phone. The Model: Gemma 4 E2B (2B Edge) The 2.4 GB model size means it fits on a mid-range Android device with 6 GB RAM, making truly on-device, offline business intelligence achievable for the first time without a server. Integration Architecture GemmaService wraps the flutter_gemma package and handles: Model registration — On first launch the model is downloaded directly from HuggingFace (litert-community/gemma-4-E2B-it-litert-lm) via FlutterGemma.installModel().fromNetwork(). Subsequent launches detect the cached file and re-register it without re-downloading. // gemma_service.dart — core inference loop final responseStream = _chat!.generateChatResponseAsync(); await for (final ModelResponse response in responseStream) { if (response is TextResponse) { yield response.token; // streamed to UI } else if (response is ThinkingResponse) { yield response.content; // reasoning pass — BLoC JSON parser ignores it } } Prompt Design for Structured Output const systemPrompt = """ Why not a larger model? Privacy by Design credits: yiawakil_37_7772a17ade5a4
How FlutterSeed Saves Hours of Flutter Project Setup Time
Md Rakibul Haque Sardar
Introduction As a mobile app developer, I have always been frustrated with the amount of time it takes to set up a new Flutter project. From choosing the right architecture to implementing state management and routing, the process can be tedious and time-consuming. However, my life changed when I discovered FlutterSeed, a visual Flutter app initializer that has revolutionized the way I start new projects. In this blog post, I will share my personal experience with FlutterSeed and how it has saved me hours of setup time. Traditional Flutter project setup involves a lot of repetitive tasks, such as creating a new project, setting up the architecture, and implementing boilerplate code. This process can take hours, even for experienced developers. Moreover, the lack of consistency in architecture choices can lead to setup drift, making it difficult to maintain and scale the project. I have spent countless hours setting up new projects, only to realize that I had to redo the same tasks over and over again. FlutterSeed is a node-based visual graph builder that exports a production-ready Flutter project ZIP. It allows developers to make graph-driven decisions about their project's architecture, state, routing, backend, and theme. With FlutterSeed, I can create a new project in minutes, not hours. The tool provides a range of features, including: Deterministic generation: Graph to ScaffoldConfig to ZIP Preset + custom flow: curated or pub.dev custom package nodes CLI: npm install -g flutterseed-cli, then flutterseed init my_app Templates: Feature-first, E-commerce, Offline-first, Auth-only, Supabase full-stack Key Features of FlutterSeed One of the key features of FlutterSeed is its ability to provide a range of stack options, including Riverpod/BLoC/Provider, go_router/AutoRoute, Firebase/Supabase/REST, and Material/Cupertino. This allows developers to choose the best stack for their project, without having to worry about the underlying implementation. Additionally, FlutterSeed provides a range of templates, including Feature-first, E-commerce, Offline-first, Auth-only, and Supabase full-stack. These templates provide a solid foundation for building complex apps, and can be customized to fit the needs of the project. So, how does FlutterSeed work? It's quite simple. First, I install the FlutterSeed CLI using npm install -g flutterseed-cli. Then, I run flutterseed init my_app to create a new project. The tool will guide me through a series of prompts, asking me to make decisions about my project's architecture, state, routing, backend, and theme. Once I have made my choices, FlutterSeed will generate a production-ready Flutter project ZIP, complete with all the necessary boilerplate code. bash So, what are the benefits of using FlutterSeed? For me, the biggest benefit is the amount of time it saves. With FlutterSeed, I can create a new project in minutes, not hours. This allows me to focus on building the app, rather than setting it up. Additionally, FlutterSeed provides a range of benefits, including: Consistent architecture choices Reduced setup drift Increased productivity Improved maintainability Who Can Benefit from FlutterSeed FlutterSeed is not just for individual developers. It can also benefit startups, agencies, and enterprise teams. Anyone who needs to create a new Flutter project can benefit from using FlutterSeed. The tool provides a range of features and templates that can be customized to fit the needs of the project, making it an ideal choice for teams of all sizes. In conclusion, FlutterSeed has revolutionized the way I start new Flutter projects. It has saved me hours of setup time, and provided a range of benefits, including consistent architecture choices, reduced setup drift, and increased productivity. If you are a mobile app developer, I highly recommend checking out FlutterSeed. With its range of features and templates, it is an ideal choice for anyone looking to create a new Flutter project. So, what are you waiting for? Head over to https://flutterseed.pro.bd to learn more and get started today. To get started with FlutterSeed, simply head over to the website and follow the instructions. You can also check out the documentation and tutorials to learn more about the tool and its features. With FlutterSeed, you can create a new Flutter project in minutes, not hours. So, why wait? Get started today and see the benefits for yourself. Originally posted from FlutterSeed
I scanned 10 mobile codebases for health issues — here's what I found
mavoryl
Every mobile repo I worked on had similar problems: very large PNG images, unused asset files that nobody removed, secret files added to git years ago, gradle files that changed from default settings. So I made a small CLI that scans a mobile repo and gives it a 0–100 health score in four areas (size, speed, stability, hygiene) with 50 checks. To test the rules on real projects, I ran it on ten codebases I had on my laptop. Seven are well-known open-source projects. Three are from my own work and stay anonymous below — I will only describe them by stack ("a Flutter app", "an Android app"). npx mobile-repo-doctor scan ./your-repo Everything runs locally. Your code, file paths, and scan results never leave your machine. No account, no login, no telemetry. The CLI is one npm package. If you don't trust me, the npm bundle is a single file you can read. Public (7): AppFlowy, wikipedia-ios, compose-multiplatform, iCarousel, mundraub-android, golden_matrix, auto-dev. Private (3, anonymous): two Flutter apps, one Android app. By stack: 3 Flutter, 2 Android, 2 iOS, 2 KMP, 1 multi-stack (AppFlowy). The middle score across the ten repos was 95/100. This surprised me — I expected lower scores. But two repos scored below 60. The worst was 52. Median Worst Overall score 95 52 Size 91 4 Speed 96 83 Stability 100 71 Hygiene 93 33 Total findings across all ten repos: 327. Most are Info (148) — these are summaries like "here are your top size contributors", not real problems. The rest: 3 Critical, 17 High, 90 Medium, 69 Low. I expected stability to be the worst area — security flags, low SDK targets, manifest problems. It was not. People now know these rules well. I saw almost no usesCleartextTraffic="true", almost no NSAllowsArbitraryLoads, almost nobody using a very old API level. The areas where modern repos get lower scores are size and hygiene — boring things nobody checks in CI. The top of the list, sorted by how many of the ten repos had each finding: Finding Repos affected Top size contributors (info) 10/10 Module/package inventory (info) 9/10 Duplicate asset files 8/10 WebP candidates (PNGs that should be WebP) 8/10 Oversized images 7/10 Unoptimized PNGs 7/10 Sensitive files in repo 6/10 Eight of ten repos have PNG assets large enough to benefit from WebP. This is a simple fix — one cwebp -q 80 command and you save real size. compose-multiplatform alone has about 7 MB of PNGs that could be WebP. AppFlowy has another 2.4 MB. One of the private Flutter apps has more than 10 MB. None of these are bugs. Nobody just did it yet. The same with duplicate assets between sub-packages. Half of the multi-package repos had the same logo, icon, or splash image copied across four to six modules. wikipedia-ios has about 3.4 MB of duplicates. Nobody runs find on these files. Six of ten repos had a sensitive-file finding. But I want to be honest about what this means. Most are Tier-2 hits: google-services.json, GoogleService-Info.plist, debug.keystore. These files are usually safe to commit (Firebase configs are project-scoped, debug keystores are not release credentials). The check marks them as Low/ReviewNeeded for a reason — they need a careful decision, not an automatic reaction. The honest number: two of ten repos (20%) had Critical-level sensitive files — .env files in tooling subdirectories of two open-source projects. One has been there for years. I also found one wrong finding: a _pub.pem file marked as sensitive because it ends in .pem. It is a public key — safe to commit. Fix coming soon. The number of findings does not show health well. The repo with the most findings (69) was iCarousel — an old, well-maintained iOS library. Almost all of its findings are info-level summaries, not problems. It scored 97/A. Meanwhile a Flutter repo with 61 findings scored 58/C. The mix of severities matters more than the count. Even AppFlowy has image problems. AppFlowy is a popular OSS project with many contributors. They have ~7 MB of oversized images, 6 MB of unoptimized PNGs, 2.4 MB of WebP candidates. Nobody is bad here — this is what happens to an old project when no one takes care of asset hygiene. KMP repos look good. auto-dev and compose-multiplatform scored 97 and 78. Only 2 repos so I cannot make strong conclusions, but the KMP ecosystem is young and the asset pipelines are usually clean. I need more samples. If I had to give each public repo one one-day task: AppFlowy: compress those cover images — ~7 MB of oversized PNGs. wikipedia-ios: remove duplicate assets across packages — ~3.4 MB of duplicates plus ~12 MB of unoptimized PNGs. compose-multiplatform: oversized images add up to ~26 MB. Some are documentation samples, but worth checking. iCarousel: really fine. Nothing to do here. For the private apps: the Android one was clean (97/A, 12 findings). The two Flutter apps split — one was almost perfect (94/A), the other had ~80 MB of total reducible size across oversized + unoptimized +
Clean Architecture in Flutter 2026 - Practical Implementation Guide
Samuel Adekunle
Disclaimer! I know you can easily generate MVVM structure with AI, but understanding the fundamentals and how it works is what differentiates a software engineer from a vibe coder, and teaching the fundamentals is what this article is all about… If your project folder is starting to feel like spaghetti and you’re scared to touch any file because everything is connected to everything… this article is for you. In 2026, Clean Architecture is no longer “nice to have.” It’s how professional Flutter teams ship maintainable, testable, and scalable apps. Today, I’m showing you a practical and tested approach that aligns with Flutter’s own official architecture recommendations: MVVM with a Feature-First folder structure. This is what the Flutter team themselves recommend, and I’ll show you how to actually use it in production. By the end, you’ll have a clear folder structure, dependency rules, and a real working example you can start using today. Let’s clean this up. Flutter has grown massively, but the problems haven’t changed: Features keep getting added Teams grow Requirements change constantly The Flutter team’s own architecture guide says it best: Separation of Concerns is the most important principle to follow when designing your Flutter app. When you apply it properly: UI changes don’t break business logic You can swap Firebase for Supabase with minimal pain Testing becomes actually enjoyable New developers can be onboarded in days instead of weeks The key in 2026 is combining MVVM (the pattern Flutter officially recommends) with Feature-First folder organisation — grouping files by feature, not by type. Flutter’s guide breaks every feature down into four key components: Views, View Models, Repositories, and Services. That’s exactly what we’re building today. Here’s the practical structure I recommend, and it’s built around Flutter’s official MVVM guidance: lib/ ├── core/ # Never depends on features │ ├── di/ # Dependency Injection (Riverpod) │ ├── network/ │ ├── utils/ │ ├── theme/ │ └── constants.dart │ ├── features/ │ ├── auth/ │ ├── notes/ # ← Example feature (we'll build this) │ ├── tasks/ │ └── profile/ │ └── shared/ # Shared widgets, models if needed Inside each feature (e.g. notes/), we follow Flutter's own MVVM layers: notes/ ├── presentation/ # UI layer (Flutter's recommended term) │ ├── screens/ # Views — widget compositions │ ├── widgets/ │ └── view_models/ # ViewModels — logic + UI state │ ├── domain/ # Optional: Domain layer for complex use-cases │ ├── entities/ │ ├── repositories/ # Abstract contracts (interfaces) │ └── use_cases/ # Interactors — only add when needed │ └── data/ # Data layer ├── models/ # DTOs — raw API/DB response shapes ├── services/ # One class per data source (REST, local, platform) └── repositories/ # Implementations of abstract contracts Notice: Flutter’s official guide uses the term Services for what many tutorials call datasources. Services wrap individual API endpoints into a single class per data source. Repositories sit above them and handle business logic such as caching, error handling, and retries. Flutter’s architecture guide recommends MVVM (Model-View-ViewModel). Here’s how it maps: The golden rule: dependencies only point inward (toward data). View → ViewModel → Repository → Service Views contain only display logic: if-statements to show/hide widgets, animation logic, and layout based on screen size. No business logic in widgets. ViewModels contain all the logic: filtering, sorting, transforming data, managing UI state, and exposing commands that views call on button presses. Repositories are the single source of truth for your app’s data. They handle caching, error handling, retry logic, and polling. One repository per data type. Services are the lowest layer; they wrap external endpoints (REST APIs, local files, platform APIs) and expose Future or Stream objects. They hold no state. Views and ViewModels have a one-to-one relationship. Repositories and ViewModels have a many-to-many relationship — one ViewModel can use several repositories, and one repository can serve many ViewModels. This is Dependency Inversion in action, and it’s what Flutter officially recommends. Let’s implement this together, top to bottom. Services Layer (lowest — wraps data sources) // data/services/notes_remote_service.dart class NotesRemoteService { final http.Client _client; Future<List<Map<String, dynamic>>> fetchNotes() async { final response = await _client.get(Uri.parse('/api/notes')); return jsonDecode(response.body) as List<Map<String, dynamic>>; } } // data/services/notes_local_service.dart class NotesLocalService { // Wraps local storage - SharedPreferences, SQLite, Hive etc. Future<List<Map<String,
Flutter App Development Strategies to Address Security Concerns
Navghan Modhwadiya
Flutter is the most preferred open-source UI software development kit for developers to build innovative cross-platform mobile applications. However, it also increases the potential mobile security threats (data theft, API abuse, reverse engineering, etc). In today’s mobile app development industry, app security becomes inevitable as it directly impacts user trust and regulatory compliance. As a business owner, partnering with a trusted Flutter App Development Company will certify you on receiving a seamless, future-ready mobile app solution with all security measures. This article explores how you can secure your Flutter Apps to overcome the security flaws in detail. Flutter mobile applications are at high risk of common mobile vulnerabilities like insecure data storage, improper session handling, and exposed APIs. Flutter apps possess platform-specific risks, especially on rooted devices, which are wide open to security threats. To eliminate those risk factors, businesses should prefer hiring professional Flutter app development services with secure coding practices, testing, and building compliance-focused Flutter architecture. After understanding the importance of app security and key risks, let’s explore some tips to secure and enhance your Flutter apps in 2026 and beyond: Start building your Flutter app with desired security measures right from day one. An app with secure-by-design architecture will minimize the attack on the app's UI and data layer. Experienced developers use a clean architecture and dependency injection to improve app testability and access control, which reduces vulnerabilities and long-term risks. For example: Implementing Secure Dependency Injection import 'package:get_it/get_it.dart'; _final locator = GetIt.instance; void setupLocator() { // Logic: Register the SecureStorage as a Singleton // This ensures a single, controlled point of access to the hardware vault locator.registerLazySingleton<SecureStorageService>(() => SecureStorageService()); // Register Auth Service which depends on the Secure Storage locator.registerLazySingleton<AuthService>( () => AuthService(storage: locator<SecureStorageService>()) ); }_` To gain user trust and compliance, you can store the app’s sensitive data in an encrypted local database and cached files instead of Keychain in the iOS platform or Keystore in the Android platform to prevent unauthorized access. These practices are standard when you hire dedicated Flutter app developers for building apps. Enforcing HTTPS and TLS for every data request in the network can prevent data interception. Also, you can prefer implementing SSL pinning to validate server certificates and to get rid of middle-man attacks. Reliable Flutter mobile app development services ensure secure data transit across networks. Prefer using robust authentication on your Flutter app by using industry-standard security protocols like OAuth 2.0, OpenID Connect, MFA (multi-factor authentication), and role-based access control, along with proper session management, token expiration, etc., to reduce security risks. By applying platform-specific security features and enabling Dart obfuscation, developers can easily detect code tampering and prevent Flutter apps from exposing logic & intellectual property. With these measures, you can safeguard business assets and prevent reverse engineering. Secure your APIs by implementing token-based authentication with short-lived access tokens and refer mechanisms. Never hardcode API keys or secrets. Always validate the input data on the server side. Having a secure backend architecture is the core part when it comes to end-to-end flutter app development services. Audit dependencies, review request permissions, and remove unused packages on a regular basis to prevent supply-chain attacks on your flutter app. Also, prefer using Flutter libraries with active community support to manage your Flutter app properly. To identify suspicious behaviour & detect threats, developers can use RASP (Runtime Application Self-Protection) tools, enable logging and set up alerts, especially in jail-broken devices. Continuous monitoring is a key component in advanced flutter mobile app development services that ensure apps are deployed with desired security. Use secure signing keys and environment variables to secure CI/CD pipelines of your Flutter App from unauthorized access. Follow best practices for app deployment with DevSecOps principles to maintain enterprise-grade security. To identify the new vulnerabilities, it is essential to conduct penetration testing and vulnerability scanning. Perform manual and automated security assessments to maintain app security & long-term integrity. Make sure your application complies with industrial regulations (GDPR, HIPAA, etc) to maintain brand trust. App security becomes essential for businesses to stay competitive and grow in today’s competitive mobile-first market. Developing a Flutter mobile
Flutter CLI vs Visual Builder: Which is Faster for Teams
Md Rakibul Haque Sardar
Introduction When it comes to building Flutter applications, teams often face a dilemma: whether to use the traditional Flutter CLI or a visual builder like FlutterSeed. The traditional setup process can take hours, involving repetitive boilerplate code and inconsistent architecture choices. However, with the introduction of FlutterSeed, a visual Flutter app initializer, teams can now set up their projects in a matter of minutes. In this article, we will explore the benefits of using FlutterSeed over the traditional Flutter CLI and how it can improve the development speed and efficiency of teams. The traditional setup process for Flutter applications involves manually configuring the project architecture, state management, routing, and backend integration. This process can be time-consuming and prone to errors, especially for complex projects. Moreover, the lack of standardization in the setup process can lead to inconsistent architecture choices, making it difficult for teams to collaborate and maintain the project. Some of the common problems faced by teams during the traditional setup process include: Setup drift: The project setup becomes outdated and incompatible with the latest versions of dependencies and libraries. Repeated boilerplate: The same boilerplate code is repeated in multiple projects, leading to unnecessary duplication of effort. Inconsistent architecture choices: Different team members may have different opinions on the project architecture, leading to inconsistencies and conflicts. The Solution: FlutterSeed FlutterSeed is a visual Flutter app initializer that allows teams to set up their projects in a matter of minutes. It provides a graph-driven interface for making architecture, state, routing, and backend decisions, and generates a production-ready Flutter project ZIP file. With FlutterSeed, teams can: Create a new project with a curated template or a custom flow using pub.dev packages. Choose from a variety of stack options, including Riverpod, BLoC, Provider, go_router, AutoRoute, Firebase, Supabase, and REST. Generate a deterministic project setup, eliminating the need for manual configuration and reducing the risk of errors. Key Features of FlutterSeed Some of the key features of FlutterSeed include: Graph-driven decisions: Architecture, state, routing, and backend decisions are made using a visual graph interface. Deterministic generation: The graph is used to generate a production-ready Flutter project ZIP file. Preset and custom flow: Teams can choose from curated templates or create a custom flow using pub.dev packages. CLI: FlutterSeed provides a command-line interface for initializing and generating projects. Templates: FlutterSeed provides a range of templates, including feature-first, e-commerce, offline-first, auth-only, and Supabase full-stack. How to Get Started with FlutterSeed Getting started with FlutterSeed is easy. Teams can install the FlutterSeed CLI using npm and initialize a new project using the following commands: bash This will generate a new Flutter project with a basic setup, including architecture, state management, routing, and backend integration. Teams can then customize the project setup using the FlutterSeed graph interface. Using FlutterSeed provides several benefits to teams, including: Faster setup: FlutterSeed allows teams to set up their projects in a matter of minutes, compared to hours or even days with the traditional setup process. Improved consistency: FlutterSeed generates a deterministic project setup, eliminating the need for manual configuration and reducing the risk of errors. Increased collaboration: FlutterSeed provides a visual graph interface for making architecture, state, routing, and backend decisions, making it easier for teams to collaborate and maintain the project. Conclusion In conclusion, FlutterSeed is a game-changer for teams building Flutter applications. Its visual graph interface and deterministic generation capabilities make it an ideal solution for teams looking to improve their development speed and efficiency. With FlutterSeed, teams can set up their projects in a matter of minutes, eliminating the need for repetitive boilerplate code and inconsistent architecture choices. To learn more about FlutterSeed and how it can benefit your team, visit https://flutterseed.pro.bd and start building your next Flutter project today. Originally posted from FlutterSeed
A Quick Look into Flutter Demo Web Page
Mathieu K
On the previous post, I was simply creating a new Flutter web application project using their default template. It's a simple way to learn the basic commands and already have an idea where all the artifacts are stored. Not really interesting though, no code, no modification, just few shell commands executed. Dart/Flutter main entry point can be found in lib/main.dart, at this time, it only contains code from the template (comments were removed). Let explain each blocks. import 'package:flutter/material.dart'; Flutter is using Dart, and Dart has a modular approach like many modern languages. Public packages can be found on pub.dev. Here, the application is looking for the flutter/material library. Material is a design system/library and will be used for all the front-end UI/UX thingies. void main() { runApp(const MyApp()); } In Dart, the function entry-point is called main() and - currently - can't be changed but using another file as entry-point can be done using flutter run -t lib/other_file.dart. Anyway, this snippet call the runApp() function coming directly from Flutter. Its argument is a Widget object containing elements of the page. In our case MyApp() is an object created using MyApp class defined below. class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: .fromSeed(seedColor: Colors.deepPurple), ), home: const MyHomePage( title: 'Flutter Demo Home Page' ), ); } } MyApp class extends the Flutter StatelessWidget class. First, let try to understand what extends mean in this context. From the dart documentation, extends creates a subclass, it will then inherit methods and attributes from the main class and give the ability to add new methods and/or attributes to it. Here, MyApp will extend the StatelessWidget class. A stateless widget is a widget that describes part of the user interface by building a constellation of other widgets that describe the user interface more concretely [...] For compositions that can change dynamically, e.g. due to having an internal clock-driven state, or depending on some system state, consider using StatefulWidget. Flutter StatelessWidget class The next part of the class definition overrides the build() method, used to describe the user interface represented by the widget. The @override annotation is used to override the instance method. This method must return a Widget object, in this case, the template is using the MaterialApp class as object constructor, mostly used to configure and wrap many required values from Material Design applications. A convenience widget that wraps a number of widgets that are commonly required for Material Design applications [...] The MaterialApp configures the top-level Navigator to search for routes. Flutter MaterialApp class Three attributes/arguments are passed to the constructor: title attribute set the title of the page; theme attribute set the theme of the page (color, fonts and shapes); home attribute configure the default route of the application. This parameter is configured in the next paragraph. class MyHomePage extends StatefulWidget { const MyHomePage({ super.key, required this.title }); final String title; @override State<MyHomePage> createState() => _MyHomePageState(); } MyHomePage class is extending StatefulWidget class. Like for the StatelessWidget class, this is a container, but this time, with mutable properties. Here the syntax can be a bit confusing, the const MyHomePage() part is a constant constructor where super.key is the key property from the Widget class and this.title is the title property defined in MyApp class. Finally, this snippet override createState() method, and returns a custom object from _MyHomePageState() defined below. Few notes from the documentation: Creates the mutable state for this widget at a given location in the tree. Subclasses should override this method to return a newly created instance of their associated State subclass. Flutter StatefulWidget createState method class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Text(widget.title), ), body: Center( child: Column( mainAxisAlignment: .center, children: [ const Text('You have pushed the button this many times:'), Text( '$_counter', style: Theme.of(context).textTheme.headlineMedium, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: const Icon(Icon
We built an app to make neighborhood association officer burnout visible
niixolabs
The problem In Japan, neighborhood associations (自治会/町内会) are volunteer-run civic groups that handle bulletin distribution, disaster safety checks, dues collection, and annual community meetings. Rotating officer roles is how they survive. The problem: nobody tracks who actually did the work. New officers inherit a cardboard box of notes and a vague verbal handover. There's no record of how many bulletin rounds happened, who handled which safety check, or how many hours dues collection took. That invisibility feeds a feedback loop: the role feels opaque and exhausting, so fewer people are willing to take it on. Musubiba is a single app that covers the core officer workflows: Bulletin circulation with read receipts Dues collection with payment tracking Safety checks for residents In-app voting for annual meetings Shared year-round schedule A persistent handover notebook The point isn't to automate these tasks away. It's to make the workload measurable. When you can see who did what across a year, the handover becomes a data transfer instead of a mystery. Flutter for iOS and Android parity. Firebase handles real-time sync and auth. Billing runs through Stripe and IAP depending on platform. Members join via QR code, and accounting input works from a web view as well. Free up to 15 members. ¥1,500/month removes the member cap. Musubiba is optimized for Japan's 自治会/町内会 context — the terminology, workflows, and UI assumptions are all Japan-specific. It isn't a general HOA management tool and won't feel right for associations outside Japan. App Store: https://apps.apple.com/jp/app/musubiba/id6759871374 https://play.google.com/store/apps/details?id=com.htor.musubiba
freeCodeCamp
15 条教程、指南与实践文章
Learn Command Line Interface (CLI) Development with Dart: From Zero to a Fully Published Developer Tool
Oluwaseyi Fatunmole
Most developers spend a significant portion of their day in the terminal. They run flutter build, push with git, manage packages with dart pub, and orchestrate pipelines from the command line. Every o
How to Use Mixins in Flutter [Full Handbook]
Atuoha Anthony
There's a moment in every Flutter developer's journey where the inheritance model starts to crack. You have a StatefulWidget for a screen that plays animations. You write the animation logic carefully
How to Use GraphQL in Flutter: A Handbook for Developers
Atuoha Anthony
There's a moment that most Flutter developers experience at some point in their careers. You're building a screen that needs a user's name, their latest five posts, and the like count on each post. Se
How to Build AI-Powered Flutter Applications with Genkit Dart – Full Handbook for Devs
Atuoha Anthony
There's a particular kind of frustration that every mobile developer has felt at some point. You're building a Flutter application, and you want to add an AI feature. Perhaps it's something that reads
Efficient State Management in Flutter Using IndexedStack
Atuoha Anthony
When you're building Flutter applications that have multiple tabs or screens, one of the most common challenges you'll face is maintaining state across navigation without breaking the user experience.
How to Build a Complete Flutter CI/CD Pipeline with Codemagic: From PR Quality Gates to Automated Store Releases
Oluwaseyi Fatunmole
If you've spent any time shipping Flutter apps manually, you already know the drill. Someone on the team finishes a feature, builds the APK locally, signs it (hopefully with the right keystore), uploa
How to Build a Production-Ready Flutter CI/CD Pipeline with GitHub Actions: Quality Gates, Environments, and Store Deployment
Oluwaseyi Fatunmole
Mobile application development has evolved over the years. The processes, structure, and syntax we use has changed, as well as the quality and flexibility of the apps we build. One of the major improv
Learn How AI Agents Are Changing Software Development by Building a Flutter App Using Antigravity and Stitch
Atuoha Anthony
Software development has always evolved alongside the tools we build. There was a time when developers wrote everything in assembly language. Then higher-level languages arrived and made it possible t
How to Use Monorepos in Flutter
Atuoha Anthony
As Flutter applications grow beyond a single mobile app, teams quickly encounter a new class of problems. Shared business logic begins to be copied across projects. UI components drift out of sync. Fixes in one app don’t propagate cleanly to others. ...
How to Add Multi-Language Support in Flutter: Manual and AI-Automated Translations for Flutter Apps
Atuoha Anthony
As Flutter applications scale beyond a single market, language support becomes a critical requirement. A well-designed app should feel natural to users regardless of their locale, automatically adapting to their language preferences while still givin...
How the Factory and Abstract Factory Design Patterns Work in Flutter
Oluwaseyi Fatunmole
In software development, particularly object-oriented programming and design, object creation is a common task. And how you manage this process can impact your app's flexibility, scalability, and maintainability. Creational design patterns govern how...
How to Use the Singleton Design Pattern in Flutter: Lazy, Eager, and Factory Variations
Oluwaseyi Fatunmole
In software engineering, sometimes you need only one instance of a class across your entire application. Creating multiple instances in such cases can lead to inconsistent behavior, wasted memory, or resource conflicts. The Singleton Design Pattern i...
Decoupling Material and Cupertino in Flutter: Why It Matters and How to Adapt
Atuoha Anthony
As Flutter developers, we know that Flutter’s “batteries included” philosophy has long been its superpower. Built on the simple premise to "paint every pixel," the framework shipped with everything needed to build a real app out of the box: a renderi...
How to Not Be Overwhelmed by AI – A Developer’s Guide to Using AI Tools Effectively
Atuoha Anthony
If you’re a developer, you’ll likely want to use AI to boost your productivity and help you save time on menial, repetitive tasks. And nearly every recruiter these days will expect you to understand how to work with AI tools effectively. But there’s ...
How to Build an AI-Powered Flutter App with Google Antigravity: A Hands-On Tutorial
Anna Muzykina
As a Flutter developer who’s building a cloud-based ecosystem for digital media lifecycle management, I’m constantly looking for ways to speed up the transition from idea to prototype. In November 2025, Google launched antigravity, a new interactive ...
Hacker News
20 条技术社区讨论与项目链接
Show HN: Mathfinity – Mental arithmetic drills against the clock (Flutter)
heliskyr2
Article URL: https://github.com/p32929/mathfinity Comments URL: https://news.ycombinator.com/item?id=48020681 Points: 1 # Comments: 0
Riches List: Flutter App for Smart Expense Management
freakypoison
Riches List — a modern Flutter-based expense management app designed to simplify how users track spending, manage transactions, shop smarter, and make seamless digital payments. I’m currently looking for support, contributions, and collaboration to help improve the project further. If you’re interested in mobile development, Flutter, UI improvements, feature ideas, or open-source collaboration, your contribution would be highly appreciated. https://github.com/shubham-gaur/riches-list Comments URL: https://news.ycombinator.com/item?id=47776650 Points: 2 # Comments: 0
Popular Flutter GetX repo disappeared briefly
nativeforks
Article URL: https://github.com/jonataslaw/getx Comments URL: https://news.ycombinator.com/item?id=47775020 Points: 1 # Comments: 0
Show HN: Lustre – MCP server giving AI tools premium Flutter components
deltaops
Article URL: https://www.npmjs.com/package/lustre-mcp Comments URL: https://news.ycombinator.com/item?id=47631865 Points: 1 # Comments: 0
What's New in Flutter 3.41
doctaj
Article URL: https://blog.flutter.dev/whats-new-in-flutter-3-41-302ec140e632 Comments URL: https://news.ycombinator.com/item?id=47580930 Points: 2 # Comments: 0
Show HN: Flutterby, an App for Flutter Developers
DavidCanHelp
Article URL: https://flutterby.app/ Comments URL: https://news.ycombinator.com/item?id=47391966 Points: 6 # Comments: 1
Google Announces Genkit (Gen AI Library) for Dart and Flutter
pavelgj
Article URL: https://blog.dart.dev/announcing-genkit-dart-build-full-stack-ai-apps-with-dart-and-flutter-2a5c90a27aab Comments URL: https://news.ycombinator.com/item?id=47335067 Points: 3 # Comments: 0
Show HN: Can we have Flutter-like portability without the bloated web binaries?
io_eric
I’ve been spending the last few months building Coi, a type-safe language that compiles to WebAssembly. The initial goal was just a fast, reactive web language, but as I refine the core, I’ve started mapping out how to take this multi-platform, mobile, desktop, and server, without falling into the traps that other frameworks have. The plan is to use C++ as the intermediate layer. For desktop and mobile, I want to use Skia combined with a layout library to translate HTML/CSS sizing and transformations into something Skia can draw. This ensures the UI stays pixel-perfect across platforms. However, the "Flutter approach" to the web has always bothered me. Shipping a 2MB+ Skia binary just to render a basic landing page feels redundant when the browser already has a world-class rendering engine. It results in massive bundles and a canvas-only UI that breaks basic browser expectations like SEO, text selection, and accessibility. With Coi, I want to split the strategy: on the web, it stays lean by using the browser’s native HTML/CSS and JS glue. On native platforms, it uses the C++/Skia stack. You get the same codebase and the same visual output, but the web build doesn't suffer from "canvas bloat". Right now, I’m still focused on the web target and refining the core language specs, but the server target is next on the roadmap. I'm curious if this "hybrid rendering" approach, native elements for web, Skia for desktop/mobile, is something others have found success with, or if I'm underestimating the difficulty of keeping the layout engines perfectly synced. I'd love some feedback on the language design or the architectural plan. https://github.com/coi Comments URL: https://news.ycombinator.com/item?id=47191782 Points: 1 # Comments: 4
Show HN: I rebuilt my 13-year-old budgeting app from scratch in Flutter
sfluecki-dev
I built BUDGT in 2013 as a broke student who needed one answer: "how much can I spend today without going broke this month?" It divides your monthly budget into a daily allowance — one number, updated in real time as you log expenses. 13 years and thousands of users later, I rebuilt the whole thing from scratch. The original Objective-C app couldn't support what users were asking for (analytics, category budgets), so I moved to Flutter and rewrote every screen. What's different: - Full redesign with a modern UI - Analytics: spending pace, month-over-month, day-of-week patterns, top expenses - Category targets: set limits per category, not just an overall budget - Category drill-down: see exactly where money goes within each category What hasn't changed: - 100% offline. No account, no cloud, no bank connection, no tracking. - All data stays on the device. I literally cannot see your data. - Same daily budget concept — one number, color-coded feedback. The hardest part was migrating existing users' Core Data (SQLite) to the new Drift database without losing any records. Existing users get the update automatically and see a migration flow that moves their entire history. Happy to discuss the technical side (Flutter architecture, Core Data migration, App Store continuity with a full rewrite) or the product side. iOS only: https://apps.apple.com/app/id580812126 Comments URL: https://news.ycombinator.com/item?id=47119396 Points: 2 # Comments: 0
Show HN: A stream-based Flutter audio module with CarPlay/Android Auto
paweljanda
Hi! We open-sourced mt_audio, a stream-based audio module for Flutter that wraps just_audio + audio_service behind a single facade. We built this because in multiple production apps (podcast/radio/audiobook-like flows) we kept re-implementing the same glue: background playback, notifications, queue handling, stream/state wiring, and integration edge cases. The goal is a small dependency that gives a consistent API and reduces app-level complexity (no required external state management). Key features: background playback + system notifications queue management (playlist-first workflows) Android Auto & Apple CarPlay support behind the same facade example app + ready UI widgets (Now Playing / controls) Feedback welcome — especially on API shape, missing edge cases, and docs/examples. Comments URL: https://news.ycombinator.com/item?id=47118611 Points: 2 # Comments: 1
Show HN: Create an onboarding flow on Flutter in 5 min
jordanbonnet
Hey Flutter devs If you've shipped apps before, you know how important it is to have an efficient and polished onboarding flow. It's the first thing users see and often the reason they leave. You've probably first focused on the core of your app, what makes it different. And now, you want to push it to the store, but you know you have to build an onboarding flow... and it's a little painful. Onboarding flows are deceptive. They are super easy to build technically, but very difficult to perfect in terms of conversions. Should I ask questions or show features? Should I add more steps? Less steps? Should I prompt to give a rating? Should I force users to sign-in? That's why iteration is key. And with coding agents, it's never been easier to test different things. But your agent only builds what you ask for. And when it comes to onboarding, most devs don't know which details actually matter. The right spacing, the subtle animations, the micro-interactions that make users stay. You'll burn through tokens and still end up with something that feels off. The new version of fluo.dev lets you build beautiful onboarding flows for Flutter right from your favorite coding agent. It gives structure, like rails to follow. You don't rebuild standard steps from scratch. You don't waste tokens on boilerplate. You get built-in templates with all the details baked in. No drag-and-drop. No config files. Just prompt and ship. No email. No account. No credit card. 100% free. 100% open source. And if you need beautiful authentication flows (email + otp, mobile + otp, google, apple), it's included and also 100% free. Would love to know your thoughts :) Comments URL: https://news.ycombinator.com/item?id=47071660 Points: 2 # Comments: 0
Show HN: Oore CI – self-hosted, Flutter-first mobile CI (public alpha)
_arykumarjha
Built Oore CI to run mobile CI + internal app distribution on your own infrastructure. Public alpha is live. It’s early, and I’m looking for practical feedback from people who actually try it. Start here: - Install guide: https://docs.oore.build/getting-started/install - Alpha onboarding: https://docs.oore.build/getting-started/public-alpha - Known limitations: https://docs.oore.build/getting-started/known-limitations - Live demo: https://demo.oore.build - Repo: https://github.com/devaryakjha/oore.build Install command (from the guide): curl -fsSL https://oore.build/install | bash If you try it and something feels rough or unclear, I’d really appreciate a quick issue: https://github.com/devaryakjha/oore.build/issues/new/choose Comments URL: https://news.ycombinator.com/item?id=47059909 Points: 8 # Comments: 0
Show HN: Unflutter – a static analyzer for Flutter/Dart AOT
kugutsumen
Article URL: https://github.com/zboralski/unflutter Comments URL: https://news.ycombinator.com/item?id=47035788 Points: 1 # Comments: 0
Show HN: FluxDown – Free download manager built with Rust and Flutter
zero-lab
Article URL: https://fluxdown.zerx.dev Comments URL: https://news.ycombinator.com/item?id=47032136 Points: 1 # Comments: 0
Show HN: Flutter-Skill – AI E2E Testing for 8 Platforms via MCP (Open Source)
charlie-w
Article URL: https://github.com/ai-dashboad/flutter-skill Comments URL: https://news.ycombinator.com/item?id=47014805 Points: 1 # Comments: 0
Fluorite – A console-grade game engine fully integrated with Flutter
bsimpson
https://fosdem.org/2026/schedule/event/7ZJJWW-fluorite-game-... Comments URL: https://news.ycombinator.com/item?id=46976911 Points: 536 # Comments: 304
Show HN: Chroma Master A premium Flutter color suite with 7 integrated games
Krishna_Avatar
Play Store: https://play.google.com/store/apps/details?id=com.chromamast... Hi HN, I’ve always found standard color utilities to be a bit dry. Most focus on just providing HEX codes, but as a developer, I wanted to build something that felt alive—a creative playground that helps you "master" color theory through gameplay. I built Chroma Master - Color Tool. It’s a suite that combines professional color tools with a full "Game Hub" (Arcade). ### The Technical Challenge The biggest hurdle was performance. I wanted a "Glassmorphism" look with real-time animated mesh backgrounds that wouldn't drain the battery or lag on mid-range Android devices. - UI Logic: Built entirely in Flutter, utilizing heavy optimization for the custom mesh animation loops and OLED-ready true blacks. - AI Integration: Implemented a real-time camera segmentation picker that extracts palettes directly from the physical environment. - Color Mixing Engine: I had to re-implement digital pigment blending from scratch to make the "Merge Puzzle" feel physically accurate. ### The Arcade (7+ Games) To keep the experience engaging, I integrated games that teach color relationships: - Hue Rush: A high-speed coordination game testing your ability to switch color shields in rhythm. - Merge Puzzle: A rethink of the 2048-style logic using additive/subtractive color blending. - Memory Match: A high-fidelity memory trainer that uses hue variations to challenge your visual perception. - Gradient Build: Playing with easing functions and lerping to create perfect smooth transitions. I’m really interested in hearing from the HN community regarding the balancing of the game difficulty and the performance of the Flutter-based animations on your specific hardware. Comments URL: https://news.ycombinator.com/item?id=46973157 Points: 1 # Comments: 0
Show HN: I built a 20MB PDF editor using Flutter (vs 300MB industry standard)
pawandeepsingh
Article URL: https://revpdf.com/blog/how-i-built-a-15mb-pdf-editor Comments URL: https://news.ycombinator.com/item?id=46956866 Points: 8 # Comments: 3
Fluorite, Toyota's Upcoming New Game Engine in Flutter [video]
birdculture
Article URL: https://fosdem.org/2026/schedule/event/7ZJJWW-fluorite-game-engine-flutter/ Comments URL: https://news.ycombinator.com/item?id=46956636 Points: 13 # Comments: 0
Toyota Developing a Console-Grade, Open-Source Game Engine – Flutter and Dart
mosura
Article URL: https://www.phoronix.com/news/Fluorite-Toyota-Game-Engine Comments URL: https://news.ycombinator.com/item?id=46949744 Points: 3 # Comments: 0
Medium
10 条Flutter 相关文章精选
Flutter Method Channel: Bridge Swift & Kotlin to Flutter — Complete Guide
Roh An
Originally published at rohankumar.com.np Continue reading on Medium »
Agent Skills Oficiais para Flutter e Dart: por que o time abandonou skills baseadas em documentação
Rodrigo Rahman
Se você desenvolve Flutter e usa Claude Code, Cursor ou qualquer agente que escreve código com você, hoje é um dia importante. O time… Continue reading on Medium »
AI Isn’t Killing Native Mobile. It Might Be Saving It.
Eduardo Guerra
Every few years, native mobile development gets declared dead. Continue reading on Medium »
Cross-Platform BLE: React Native vs Flutter vs Native Android
BLE Advertiser
I benchmarked BLE connection latency, battery drain, and packet loss across three frameworks so you don’t pick the wrong stack for your… Continue reading on Medium »
How I Started Making Money as a Flutter Developer Freelancer in 2026
Nabil Krissane
From Building Simple Apps to Landing Freelance Clients, Growing Your Portfolio, and Creating Multiple Income Streams With Flutter Continue reading on Medium »
I Built an Offline Freelancer Business Assistant for Beginner Freelancers
Shah Zaman Qureshi
Freelancing looks simple from the outside. Continue reading on Medium »
Your Flutter App Isn’t Slow — It’s Stuttering. Here’s the Difference
Nicolas
Shader compilation stutter is one of Flutter’s most misunderstood performance problems. Most developers blame their code. The real culprit… Continue reading on Medium »
Prompt Engineering for Flutter Developers
Nicolas
Your Flutter code is only as smart as the prompts you write. Here’s how to level up. Continue reading on Medium »
Clean Architecture in Flutter 2026 — Practical Implementation Guide
Samuel Adekunle (techwithsam)
Disclaimer! I know you can easily generate MVVM structure with AI, but understanding the fundamentals and how it works is what… Continue reading on Medium »
Anthropic Pivots Claude Into a Consumer Product — Top 10 AI & Flutter News May 8, 2026
Blur Brah Lab
Claude / Anthropic Continue reading on Medium »
社区日榜讨论与资源
I built and published Chroma Theme — a premium Material 3 theming engine for Flutter
/u/Radiant_Coyote_5524
Hi everyone! 👋 I’m excited to share Chroma Theme, a Flutter package I built to simplify advanced Material 3 theme management. 📦 Pub.dev: https://pub.dev/packages/chroma_theme 💻 GitHub: https://github.com/Satyam-Gawali/chroma_theme Why I Built It Managing Material 3 themes manually can become complex very quickly. You often need to handle dozens of colors, multiple theme modes, and repetitive ThemeData configurations. Chroma Theme solves this by turning a single seed color into a complete, adaptive, production-ready theme system. Features 🎨 Dynamic seed-based color generation 🌗 Light, Dark, AMOLED, and High Contrast modes 🎭 20+ professionally curated palettes 🛠️ Full Material 3 tonal palette access 🧩 Global component overrides 💾 Theme persistence support 🚀 Intuitive BuildContext extensions ♿ Accessibility-focused design Quick Example ChromaTheme( initialMode: ChromaThemeMode.system, initialPalette: ChromaPalette.neonForest, child: const MyApp(), ); Perfect For Production Flutter apps Design systems White-label applications Rapid prototyping Apps with user-customizable themes Feedback Welcome I’d love to hear your thoughts, suggestions, and ideas for improvements. Contributions and issue reports are always welcome. Thanks for checking it out! submitted by /u/Radiant_Coyote_5524 [link] [comments]
Today is FlutterConf Málaga 2026
/u/BeelzenefTV
One of our annual events in Malaga (southern Spain, Europe) to talk and learn about Flutter, and a fantastic opportunity to connect with other professionals and enthusiasts 💙 submitted by /u/BeelzenefTV [link] [comments]
How I built a block puzzle game with Flutter + Flame and solved smooth animation performance — lessons from my first shipped game
/u/MoistRequirement1712
How I built a block puzzle game with Flutter + Flame and solved smooth animation performance — lessons from my first shipped game Body: Hey I am Harsh, a solo developer from Gujarat, India. I recently shipped Block Puzzle Kingdom, a 3D block puzzle game on the Play Store. I want to share the real technical challenges I faced and how I solved them. The Biggest Problem — Animation Performance When multiple blocks cleared at the same time, the app was dropping frames badly. The blast effect, score update, and next block preview were all animating simultaneously and it was causing jank on mid and low end Android devices. What fixed it for me was isolating each animated widget using RepaintBoundary so Flutter only repaints the widget that is actually changing instead of the whole tree. After that, frame drops almost completely disappeared. Using Flame for the Game Loop I used the Flame game engine on top of Flutter. The biggest learning was not fighting Flame's game loop. Early on I was trying to mix Flutter AnimationController with Flame components and it created timing conflicts. Once I let Flame handle all movement and only used Flutter widgets for the UI layer like score display and buttons, everything became much cleaner. Audio with audioplayers Getting sound to trigger at exactly the right moment during block clearing was tricky. There is a small delay on first play because the audio file loads lazily. I fixed this by preloading all sound files at app startup using AudioCache so by the time the player clears a line the sound fires instantly with no lag. Saving State with shared_preferences Since the game is fully offline, I used shared_preferences to save the high score and game state locally. One thing I learned is to never write to shared_preferences on every single move. I batched the saves and only wrote when the game state actually changed meaningfully, which reduced unnecessary I/O. State Management with Provider I used Provider to manage the game board state. Keeping the game logic completely separate from the UI using ChangeNotifier made it much easier to debug. When a block dropped in the wrong position, I could isolate whether it was a logic bug or a rendering bug instantly. Happy to share code snippets for any of these if anyone is curious. Also open to feedback from Flutter game devs who have shipped something similar! submitted by /u/MoistRequirement1712 [link] [comments]
Is skipping iOS a mistake when you're already using Flutter?
/u/Thoren_in_the_arena
I have a mobile app on the Play Store built with Flutter. It was mostly built to learn the full process, I don't expect significant users any time soon. Since it's Flutter, am I doing myself a disservice by not launching on iOS as well? Is it worth buying a MacBook just for that? App logic-wise I completely skipped login and billing for iOS, so that needs to be implemented, and then we have the whole appstore process which I am not familiar with. Just do it, or only do it if the Android version shows any signs of downloads, or just keep working on the next app? How do you approach platform targeting when shipping Flutter apps? submitted by /u/Thoren_in_the_arena [link] [comments]
Opened Dart SDK discussion on server runtime hot-path overhead (dart-zig PoC + benchmarks)
/u/Only-Ad1737
submitted by /u/Only-Ad1737 [link] [comments]
Build & Ship cross platform apps with App Blink
/u/TechnicianWeekly5517
submitted by /u/TechnicianWeekly5517 [link] [comments]
Released Emitrace v1.0.2 — Flutter in-app QA/debugging toolkit with docs + example improvements,
/u/JaguarFun804
Hey everyone — I just shipped Emitrace v1.0.2. Emitrace is a Flutter package focused on in-app QA/debug workflows for staging/dev builds. Current features include: Logs & breadcrumbs Network request tracking Runtime error capture with screenshots Markdown report generation/sharing Optional Slack webhook summaries v1.0.2 highlights Improved Dart API documentation Added runnable example app Better pub.dev metadata/topics Dependency compatibility updates Documentation cleanup and onboarding improvements The goal is to make debugging and QA workflows inside Flutter apps easier without relying on multiple external tools. Would really appreciate feedback on: Integration DX API design Missing workflows/features Real-world QA usage patterns 🔗 GitHub: https://github.com/RITIKKUMAWAT009/emitrace 🔗 pub.dev: https://pub.dev/packages/emitrace submitted by /u/JaguarFun804 [link] [comments]
FlutterFlow MCP just got auto registration in Google Antigravity 0.0.35
/u/CommunityTechnical99
submitted by /u/CommunityTechnical99 [link] [comments]
You can now ship offline agents in flutter apps
/u/Ibz04
Guys I made an engine that allows you to embed and run local LLMs in apps with native tool use and rag capabilities, the engine natively handles context for you too. Bindings available for flutter and other mobile frameworks etc . https://github.com/iBz-04/quaynor submitted by /u/Ibz04 [link] [comments]