Issue 238 - Flutter Tap Weekly Newsletter
Explore building agentic Flutter apps with the latest tools, tutorials, and optimization tips!
Resources
Learn how to build agentic apps with Flutter, Angular, Firebase, and Vertex AI. Google built two starter kits and learning paths for Flutter:
The Flutter + Vertex AI in Firebase path. In this starter kit you will explore the capability of Gemini to interact with a Flutter application, both through updating the application state in response to a user's written conversational requests, as well as responding to a user interacting with the application's UI affordances.
The Flutter + Genkit path. Vertex AI in Firebase SDK is a great way to start building agentic apps with Flutter. It's serverless so you don't need to manage your own infrastructure. You can integrate it into your Flutter app by adding the firebase_vertexai from pub.dev, so your code is written in Dart directly within your Flutter project. It has AppCheck integration to protect from API abuse by unauthorized clients. If you want to get started quickly with building agentic apps in Flutter, Vertex AI in FIrebase is the way to go.
Tutorials
🛡️ Enforcing Single-Session Login in a Flutter App: Auto Session Kill on App Close. A short and helpful tutorial by Asif Ali Sheikh on maintaining strict session control in Flutter apps.
Dynamic Interfaces with Server-Driven UI for Mobile. Victor L. gives an introduction to Server-Driven UI, where the user interface structure, layout, and content are determined by the server rather than being hard-coded in the client application.
Flutter App Analytics: Scalable Architecture & Firebase Setup. Andrea Bizzotto teaches us how to track analytics in your Flutter app—from basic event logging to a scalable architecture that works with multiple providers like Firebase and Mixpanel.
Videos
5 Tips to Optimize Your Flutter App 🔥🚀. By David Serrano. I’ll show you 5 essential Flutter optimization tips to speed up your app, improve ListView performance, and reduce rebuilds. Whether you’re just starting to learn Flutter or already building Flutter mobile apps, you’ll discover practical tricks — from using ListView.builder properly, to handling heavy tasks with isolates and multithreading using the compute function. Plus, I’ll share advice on Flutter image optimization and how to reduce your Flutter app size. Let’s jump right in!
Agentic apps with Flutter | Observable Flutter #59. Observable Flutter is back! Watch as Craig Labenz is joined by Andrew Brogdon to discuss and explore AI-powered, agentic apps in Flutter.
How Flutter Works: The RenderObjectWidget #DecodingFlutter. Ever wonder how your Flutter app actually renders to the screen? In this video, we dive into RenderObjectWidgets—the only type of widget in Flutter that creates something visual. While StatelessWidgets and StatefulWidgets help structure your app, it’s RenderObjectWidgets that turn your UI code into real pixels.
https://www.youtube.com/live/Gub1DY8ScwU
FCAIC #1 - Prompt, Code, Think: Welcome to AI in Flutter. Join us for the launch of the Flutter Community AI Circle (FCAIC), your new home for all things AI + Flutter.
Packages
beamer. A routing package built on top of Router and Navigator's pages API, supporting arbitrary nested navigation, guards and more.
synchronized. Lock mechanism to prevent concurrent access to asynchronous code.
talker. Advanced error handler and logger package for flutter and dart. App monitoring, logs history, report sharing, custom logs, and etc.