Flutter Force Weekly

Ümit Duran
Flutter Force
Published in
4 min readJun 16, 2024

Your hub for all things Flutter! Discover codes, repos, libraries, projects, and articles. Let’s build amazing apps together!

Welcome to this week’s newsletter! We’ve got plenty of exciting updates and insights to share. Dive into the latest tips, tricks, and resources for Flutter development, keeping you up-to-date with the freshest content in the community. Whether you’re looking to enhance your skills, explore new libraries, or stay informed about the latest trends, this edition has something for everyone. Let’s continue building amazing apps together! 🚀

Articles

Flutter: iOS Home Widgets Deep Dive

Last year the Flutter Team release an excellent codelab that explained to process of adding an iOS or Android “Home Widget” to your Flutter app. As it turns out, it’s surprisingly easy!

Adding Widgets is a fairly happy path as they can added using the built-in UI Wizards in XCode or Android Studio, and development can also be done in the respective IDEs, complete with robust code-hinting, debug and hot(ish) reload support!

Common mistakes with Images in Flutter

Images are one of the core features that almost every app uses. Yet, there are several very common ways to affect the application performance by doing mistakes that could be easily avoided. Let’s have a look on some of them.

Flutter Splash Screen, Done Right!

Are you struggling to implement a splash screen in Flutter? Maybe you already implemented something but feel it can be done better, or you want to learn how else it can be done.

Then look no further. You are in the right place! You probably noticed some pretty darn good splash screens if you use any popular app. I’ll show you how the big players implement their splash screens in Flutter so that you can do it, too.

🚀 Advanced Theming Techniques in Flutter: Effortless Color Schemes 🌈

Hey there, This article builds upon our exploration of advanced theming techniques in Flutter, specifically focusing on crafting a dynamic and visually appealing ColorScheme. In Part 1 (refer to [Part 1: Leveraging Extensions for Dynamic UIs]), we delved into the power of theme extensions for managing complex themes. Now, we’ll delve deeper into Material 3, seed colors, and their role in generating beautiful color schemes.

Percentage ring animation with Flutter

Visualizing data makes it easier to explore and understand; by using animations, you can build smooth transitions to make dynamic data appear even more dynamic.

In this story, we’ll show you how to build a stateless Flutter widget that animates a percentage of a ring. To demonstrate this, we created a small app that animates a ring arc based on the value of an input field. However, the following steps only cover the topic of how to build the animated ring widget.

How to add Apple Pass on a Flutter project with Firebase

In this article I will explain how I have integrated Apple Pass to my Flutter project using Firebase functions.

I am not an expert of backend development and Apple pass design, so maybe some information could be wrong or not so complete. For more detailed information, please refer to the documentation.

How to write integration tests in Flutter like no other, using the Robot Pattern

If you want to write integration tests in Flutter, then look no further! I am going to show you exactly how to write integrations like a pro, using the Robot Pattern.

Packages

Shadcn UI

ShadcnUI ported in Flutter. Awesome UI components for Flutter, fully customizable.

Dart File Name Sync

Synchronize Dart Filename is an invaluable tool for Flutter and Dart developers seeking to maintain a clean and consistent codebase. This plugin automates the synchronization of Dart file names with the class names defined within them, ensuring that your project’s readability and maintainability are enhanced.

UiohookDart

Introducing UiohookDart , a Cross-platform Desktop keyboard and mouse hooking library, using libuiohook based ffi implementation

This library supports all Desktop platforms, and can run in Flutter as well as Dart VM

GitHub Snitch

GitHub Snitch is a Flutter package that helps you report bugs and issues on GitHub automatically. It can also be used to submit comments on existing issues. demo for testing

Videos

Flutter MVVM Architecture Full Course for Beginners — Spotify Clone

In this 10 hour tutorial, we’ll be building a music streaming app very similar to Spotify using the MVVM Architecture. In this project, we’ll be using Flutter for the app’s frontend, FastAPI for the backend, PostgreSQL for the database, Hive for local data storage and Riverpod (Generators) for state management.

Duupy — A Tiny Smart Assistant — powered by Flutter and Gemini

Behold Duupy — a tiny smart assistant powered by Flutter and built with Gemini 💙 Currently testing its sentiment analysis capabilities to trigger the right animation. Next: performing actions on user’s behalf. Speech-to-text to #Gemini on point! Animations in Rive!

Flutter SoLoud audio engine for games

In this video, I talk about the flutter_soloud package which is a game engine for your games in Flutter

Thanks for reading Flutter Force. Flutter Force is a reader-supported publication. To receive new posts and support my work, consider becoming a free or paid subscriber.

Thanks for reading and please don’t forget to follow from substack

--

--