• /
  • EnglishEspañol日本語한국어Português
  • 로그인지금 시작하기

Monitor your Flutter mobile app

Our New Relic Flutter agent monitors your Flutter mobile app and provides deep insights into your app's performance, errors, and user experience. Once you install and configure the Flutter agent, you'll be able to:

  • Capture Dart errors: Identify and fix problems quickly.
  • Track network requests: See how your app interacts with the backend.
  • Use distributed tracing: Drill down into handled exceptions and find the root cause.
  • Create custom events and metrics: Understand how your users interact with your app.
Summary view of a flutter app in New Relic

one.newrelic.com > All capabilities > Mobile > (select an app) > Summary: View Flutter data, track HTTP requests and errors, and monitor how your app is performing over time.

(Recommended) Guided installation

To install the Flutter agent, follow the guided install:

  1. Go to one.newrelic.com > Integrations & Agents.
  2. Search for "Flutter" and click one of the tiles:
    • Flutter: For mobile apps deployed to both Android and iOS
    • Flutter iOS: For mobile apps deployed only to the iOS platform
    • Flutter Android: For mobile apps deployed to the Android platform

      Looking to monitor your web app? Check out this page.
  3. Follow the instructions in the UI to complete installation.

Manual installation

If you need to install the agent manually, follow these steps:

Review the requirements

Before you install the Flutter agent, make sure your Flutter app meets these version requirements:

Add the Flutter agent to your project

First, you'll need to add the Flutter agent into your dart project. In your pubspec.yaml, add the following to dependencies:

dependencies:
newrelic_mobile: 0.0.1

Copy your application token

The application token is used for New Relic to authenticate your Flutter app's data. To view and copy your application token in the New Relic UI:

  1. Go to one.newrelic.com, click Integrations & Agents, then click Mobile.

  2. Select your Flutter app.

  3. Go to Settings > Application and copy the displayed Application token.

    You'll add this application token in the next step.

Configure your Flutter project

In your Flutter project, open main.dart and add the following code:

import 'package:newrelic_mobile/newrelic_mobile.dart';
var appToken = "";
if (Platform.isAndroid) {
appToken = "ANDROID_APP_TOKEN"; // Replace with your application token copied from the New Relic UI.
} else if (Platform.isIOS) {
appToken ="IOS_APP_TOKEN"; // Replace with your application token copied from the New Relic UI.
}
Config config = Config(
accessToken: appToken,
//Android Specific
// Optional: Enable or disable collection of event data.
analyticsEventEnabled: true,
// Optional: Enable or disable reporting successful HTTP requests to the MobileRequest event type.
networkErrorRequestEnabled: true,
// Optional: Enable or disable reporting network and HTTP request errors to the MobileRequestError event type.
networkRequestEnabled: true,
// Optional: Enable or disable crash reporting.
crashReportingEnabled: true,
// Optional: Enable or disable interaction tracing. Trace instrumentation still occurs, but no traces are harvested. This will disable default and custom interactions.
interactionTracingEnabled: true,
// Optional: Enable or disable capture of HTTP response bodies for HTTP error traces and MobileRequestError events.
httpResponseBodyCaptureEnabled: true,
// Optional: Enable or disable agent logging.
loggingEnabled: true,
// iOS specific
// Optional: Enable or disable automatic instrumentation of WebViews
webViewInstrumentation: true,
//Optional: Enable or disable Print Statements as Analytics Events
printStatementAsEventsEnabled : true,
// Optional: Enable or disable automatic instrumentation of HTTP Request
httpInstrumentationEnabled:true,
// Optional: Enable or disable reporting data using different endpoints for US government clients
fedRampEnabled: false,
// Optional: Enable or disable offline data storage when no internet connection is available.
offlineStorageEnabled: true,
// iOS Specific
// Optional: Enable or disable background reporting functionality.
backgroundReportingEnabled: false,
// iOS Specific
// Optional: Enable or disable to use our new, more stable, event system for iOS agent.
newEventSystemEnabled: false,
// Optional: Enable or disable distributed tracing.
distributedTracingEnabled: true,
);
NewrelicMobile.instance.start(config, () {
runApp(MyApp());
});
class MyApp extends StatelessWidget {
...
}

Make sure you paste your application token(s) into appToken = "" in the code above. If you deployed your hybrid app to both iOS and Android platforms, you'll need to add two separate tokens: one for iOS and one for Android.

(Android-only) Configure your Android app

If you have an Android-native app, you'll need make the following changes:

  1. Add the following changes to apply the Gradle plugin:

    If your project is using plugin DSL (Flutter 3.16 or higher), make the following changes:

    1. In android/settings.gradle:

      plugins {
      id "dev.flutter.flutter-plugin-loader" version "1.0.0"
      id "com.android.application" version "7.4.2" apply false
      id "org.jetbrains.kotlin.android" version "1.7.10" apply false
      id "com.newrelic.agent.android" version "7.5.1" apply false // <-- include this
      }
    2. In android/app/build.gradle:

      plugins {
      id "com.android.application"
      id "kotlin-android"
      id "dev.flutter.flutter-gradle-plugin"
      id "com.newrelic.agent.android" //<-- include this
      }
  • Or, if your project is older, you can use the legacy newrelic plugin ID by adding this snippet:

    buildscript {
    ...
    repositories {
    ...
    mavenCentral()
    }
    dependencies {
    ...
    classpath "com.newrelic.agent.android:agent-gradle-plugin:7.5.1"
    }
    }

    Apply the NewRelic plugin to the top of the android/app/build.gradle file:

    apply plugin: "com.android.application"
    apply plugin: 'newrelic' // <-- include this
    1. In your AndroidManifest.xml file, add the following permissions:
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Customize the agent instrumentation

Need to customize your agent instrumentation? Our public mobile SDK API methods let you collect custom data, configure default settings, and more.

The following customizations are available for the Flutter agent.

If you want to...

Use this method

Record breadcrumbs to track app activity that may be helpful for troubleshooting crashes.

Record breadcrumbs

Track a method as an interaction.

Start interactions

Stop interactions

Record custom metrics.

Record custom metrics

Record errors.

Record errors

Record custom attributes and events.

There are several ways to report custom attributes and events:

Track custom network requests and failures.

Track HTTP requests

Track failing HTTP requests

Shut down the agent.

Shut down the agent

Enable/disable default mobile monitoring settings.

Enable/disable monitoring features

Troubleshoot HTTP errors

Missing HTTP data in the UI?

After installing the Flutter agent, wait at least 5 minutes. If no HTTP data appears on the HTTP errors and HTTP requests UI pages, make sure you are not overriding HttpOverrides.global inside your Flutter app.

Query Flutter log data

New Relic stores your Flutter logs as custom events. You can query these logs and build dashboards for them using this NRQL query:

SELECT * FROM `Mobile Dart Console Events` SINCE 30 MINUTES AGO

For more information on NRQL queries, see Introduction to NRQL.

Copyright © 2024 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.