# This week in Flutter #19

Some weeks there is not a lot of Flutter content published by the community. Some other weeks there is **a lot of content** out there. This week is one of the latter. My job is to select the best content for you, so let's **get started** right away: there is a lot to cover today.

<small>- Michele Volpato</small>

## Development 🧑‍💻

<br \>

### 🔗 [Using the Flutter BLoC Pattern with AWS Amplify Datastore](<https://dev.to/aws/using-the-flutter-bloc-pattern-with-aws-amplify-5511>)

You might not know it, but AWS has a tool that helps mobile developers creating **backends** for their app: [Amplify](<https://docs.amplify.aws>). It comes with (beta) [Flutter packages](<https://github.com/aws-amplify/amplify-flutter>). In this article, [Derek Bingham](<https://twitter.com/deekob>) shows a simple implementation of the **BLoC** pattern that handles the state from **Amplify DataStore**.

<br>

### 🔗 [Building a Drawing App in Flutter](<https://www.raywenderlich.com/25237210-building-a-drawing-app-in-flutter>)

Learn about `CustomPaint` widgets and how to **render and control** a custom UI in Flutter with this well-written tutorial by [Samarth Agarwal](<https://twitter.com/Samarth_Agarwal>).

<br>

### 🔗 [Explore Animation in Flutter - PART 1](<https://sirkif.hashnode.dev/explore-animation-in-flutter-part-1>)

[Adam Kif](<https://github.com/adamkif>) started a series of articles about **animations in SwiftUI and Flutter**. This is the Flutter one. If you are just getting started with animation, this is a good starting point.

<br>

### 🔗 [Flutter with the TomTom Maps APIs: Part 1](<https://www.youtube.com/watch?v=9dZv_EcSeL8>)

Developers at TomTom try to use Flutter with their Maps API. The result is [this video](<https://www.youtube.com/watch?v=9dZv_EcSeL8>) and [this article](<https://developer.tomtom.com/blog/build-different/displaying-tomtom-maps-flutter>). It's nice to see **bigger companies** experimenting with **Flutter**.

<br>

### 🔗 [How to create Flutter charts with charts\_flutter](<https://blog.logrocket.com/how-create-flutter-charts-with-charts-flutter/>)

There is a simple package, developed by Google, to **draw charts** in your Flutter app: [`charts_flutter`](<https://pub.dev/packages/charts_flutter>). Learn how to use it with this article by [Samson Omojola](<https://omojolasamson.github.io>).<br>

One of the projects I am working on will need charts and I am looking forward to applying what I learned from this article.

<br>

### 🔗 [How To Integrate Customized Google Map in Flutter](<https://medium.com/flutter-community/how-to-integrate-customized-google-map-in-flutter-50ec8c69eba1>)

You can add **Google Maps** to your Flutter app, and it is [quite easy](<https://codelabs.developers.google.com/codelabs/google-maps-in-flutter/#0>). But what if you want to have a custom map in your app? In this detailed article, [Jaimil Patel](<https://twitter.com/JaimilPatel5>) deep dives into **customizing your Google Map** in Flutter. There is a lot to read, so grab a snack before you start.

<br>

### 🔗 [Flutter Navigator 2.0 with BLoC: The Ultimate Guide](<https://medium.com/@JalalOkbi/flutter-navigator-2-0-with-bloc-the-ultimate-guide-6672b115adf>)

I still have problems with Navigation 2.0 in Flutter. More in detail, the interaction between the **state** of the app and **removing/adding pages** to the page stack. In this article, [Jalal Addin Okbi](<https://github.com/JAOOOOO>) integrates Navigator 2.0 and the **BLoC pattern**. I have abandoned BLoC more than a year ago, but if you are into it, then enjoy it.

<br>

## Tools 🛠

<br>

### 🔗 [Flutter Version individual for every project - Flutter Version Manager](<https://naveen.hashnode.dev/flutter-version-individual-for-every-project-flutter-version-manager>)

I am working on many Flutter projects. Most of them get updated to the latest **stable** Flutter version fairly soon after its release. One of them is still on Flutter 1, and, for many reasons, I don't see my team migrating it soon. This means I need at least **two versions** of Flutter on the same machine. I use aliases because I only need two versions. [Aditya Agarwal](<https://twitter.com/_AgarwalNaveen>) explains how to use aliases or [Flutter Version Manager](<https://fvm.app>).

<br>

### 🔗 [Flutter Integration Test for Android and IOS on Firebase Test Lab](<https://bensonthew.medium.com/flutter-integration-test-for-android-and-ios-on-firebase-test-lab-95b800c607b1>)

When you work on a mobile app, **testing** can become a difficult task. In the office we have half a dozen devices, Android and iOS, we use to do **exploratory testing**, but in the last year and a half, we have been working from home most of the time. That is where **cloud-based app testing services** come in handy. Get started with Firebase Test Lab with this article by [Benson Thew](<https://www.linkedin.com/in/bensonthew/>).

<br>

### 🔗 [Raster thread performance optimization tips](<https://medium.com/flutter/raster-thread-performance-optimization-tips-e949b9dbcf06>)

So you have a Flutter app that works. Its **performance** is fine, but it could be **better**. What do you do? You buy a faster smartphone. Or you follow this article by **Filip Hracek** from the Flutter team to learn how to find where the app is not performing well.

<br>

## Backend 🗄

<br>

### 🔗 [It’s Here! Announcing Appwrite 0.10 and the new Realtime API!](<https://eldadfux.medium.com/its-here-announcing-appwrite-0-10-and-the-new-realtime-api-c6019231c452>)

Appwrite, the open-source backend server that winks at Firebase, added the **Realtime API**: a way to subscribe to your data to get updates as they happen. The Appwrite team treats Flutter as a **first-class citizen**, they release the Flutter SDK and documentation as fast as any other platform. Well done!


---

[...]

Read the rest on [my website](https://ishouldgotosleep.com/this-week-in-flutter-19/).

[Join the Flutter and Dart newsletter](https://ishouldgotosleep.com/subscribe-to-the-newsletter-hash/) and receive it weekly in your inbox.

---