How to keep track of bugs by Integrating Firebase Crashlytics in Flutter App

Promise Nzubechi Amadi
Feb 27 · 7 min read

I’m excited to write about this topic because its an area where all mobile app developers spend much time on.

As an app developer, building and deploying apps on the Google play store or Apple store does not mean that you have completed the mobile app development cycle.

The mobile app development cycle involves keeping track of app performance, crash report and fixing stability issues.

That is why I’m sharing this article so that you will learn how to keep track of bugs in your mobile app.

At the end of this article, you will learn the simplest method on how to integrate Firebase Crashlytics in your Flutter apps.

As a bonus, you will also learn the following:

  • How to create a new project in Firebase.
  • How to configure your app to use Firebase.
  • How to integrate Firebase Crashlytics in your Flutter apps.

A quick definition for you

Firebase Crashlytics is a lightweight, realtime crash reporting solution that helps you track, prioritize, and fix stability issues that erode app quality, in realtime.

To integrate firebase Crashlytics in your flutter app, you need to follow these simple steps below:

Step 1: Create a new project in Firebase.

To do this, click the Firebase Console.

Enter a project name, accept the Firebase terms and click on Continue. (See image below)

Enable Google Analytics, click on Continue to move to the next page.

Review and accept the terms and conditions.

Click “Create project” to create a new firebase project.

After the project is created successfully, Firebase will show a prompt stating that your new project is ready.

Click on Continue to complete the flow.

You will be redirected to your project homepage.

Congratulations on your first step!!!

Step 2: Configure your Android app to use Firebase.

In the “Add an app to get started” section, click on Android Icon to add an Android app to Firebase. (See screenshot below)

Enter your Android package name and App nickname.

Click on Register App.

(Please note: you can find your app package name by opening your android/app/build.gradle files.)

Download the file & place it in your project’s app root directory.

Click on the “Next” button to move to the next page.

Open up and modify it to include the following:

And also modify your android/app/build.gradle files to use the plugin.

Click on the Next button to complete the remaining steps.

This is the image you receive (if you followed the steps)

Click on “Continue to console” to go back to your project homepage. In the sidebar, click on “Quality” and select “Crashlytics”.

If you don’t have an app on Fabric or you’re setting up Crashlytics for a new app, select No, set up a new Firebase app.

But if you are an existing Fabric user and want to migrate a Fabric Crashlytics app, select Yes, migrate my Fabric app to Firebase and click on Next.

The next step will be to install the Firebase Crashlytics SDK, you can learn more about the Firebase Crashlytics SDK by check out the documentation.

Open up and add the Crashlytics Gradle dependency:

In your android/app/build.gradle files, add the Firebase Crashlytics dependency:

Finally, add the Firebase Crashlytics SDK, in your android/app/build.gradle files.

Firebase Crashlytics offers crash reporting for apps built using the Android Native Development Kit (NDK). If you want your app to detect and report native crashes.

Open your android/app/build.gradle files and add the Android Native Development Kit (NDK)

“nativeSymbolUploadEnabled” allows your app to process and upload native symbols to Crashlytics so you can view properly-symbolized stack traces in the Crashlytics dashboard.

(Please note: Trace records data between two performance points in your app)

Step 3: Integrate Firebase Crashlytics in your Flutter apps.

Install the firebase_crashlytics plugin in your flutter project.

Add the following imports to your Dart code:

Initialize Firebase Crashlytics in your flutter app

Connect your Emulator or physical Android device to test the application.

(Note: if you set Crashlytics.instance.enableInDevMode = true, you will get reports while in debug mode but if it’s set to false you will not get reports while in debug mode )

If you followed the steps correctly, you should see the Firebase Crashlytics image below:

(Note: Firebase_crashlytics plugin only reports non-fatal exceptions, you can confirm that in the console by removing the default filter.)

Congratulation on integrating Firebase Crashlytics on your flutter app.

If you found this article helpful and educating, please hit the clap button 👏 as many times as you can to show your support!

To get my latest updates and happenings from the world of Flutter, and mobile app development, follow me on Twitter, Facebook, Linkedin, and Github.

My name is Promise Amadi. I am a writer and Flutter Developer. I work with startups across the globe to build mobile solutions using Flutter.

I’m open to collaboration on Flutter-based projects. Send an e-mail to amadipromise07@gmail.com.

🔍 Read more of my written articles

If you got any queries hit me up in the comments or send a mail 📧

Flutter Community

Articles and Stories from the Flutter Community

Promise Nzubechi Amadi

Written by

Expert Android Developer || Certified Flutter Developer || Technical Writer || Tech Speaker || Digital Skills Educator

Flutter Community

Articles and Stories from the Flutter Community

More From Medium

More from Flutter Community

More from Flutter Community

More from Flutter Community

More from Flutter Community

DateField in Flutter Made Easy

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade