dt-obs-flutter

Integrates the Dynatrace Flutter plugin into Flutter projects for mobile observability.

Updated Dec 12, 2025
One-click install
npx skills add https://github.com/ricardojjulia/ESACompanion --skill dt-obs-flutter-ricardojjulia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dt-obs-flutter
Source: https://github.com/ricardojjulia/ESACompanion/tree/main/.github/skills/dt-obs-flutter
Command: npx skills add https://github.com/ricardojjulia/ESACompanion --skill dt-obs-flutter-ricardojjulia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires dynatrace_flutter_plugin, and includes references (resource) components.

What problem does it solve? Setting up Dynatrace monitoring in a Flutter app involves multiple error-prone steps: dependency management, native configuration, SDK bootstrapping, privacy consent handling, and navigation tracking. This Skill guides you through the entire integration in the correct order, catching common mistakes like using the wrong CLI command or misplacing the plugin dependency. ## Core Features & Use Cases - Guided Plugin Setup: Adds dynatrace_flutter_plugin to pubspec.yaml, runs the configuration script, and bootstraps the SDK in main.dart with Dynatrace().start(). - Privacy & Consent Handling: Detects userOptIn mode in dynatrace.config.yaml and applies applyUserPrivacyOptions with the correct DataCollectionLevel and crash reporting settings. - Navigation & HTTP Instrumentation: Adds DynatraceNavigationObserver for route tracking and wraps http.Client instances with Dynatrace().createHttpClient() for network monitoring. - Use Case: You have an existing Flutter app and want Dynatrace RUM monitoring. The Skill checks for an existing dynatrace.config.yaml, configures Android and iOS automatically, instruments navigation and HTTP calls, and walks you through verifying session data in Experience Vitals. ## Quick Start Integrate the Dynatrace Flutter plugin into my Flutter project and set up navigation tracking and privacy consent handling.

Frequently Asked Questions about dt-obs-flutter

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Dynatrace monitoring to a Flutter app?▼

Add dynatrace_flutter_plugin via flutter pub add, place dynatrace.config.yaml at the project root, run dart run dynatrace_flutter_plugin to configure native files, then replace runApp with Dynatrace().start() in main.dart.

How do I track navigation in Flutter with Dynatrace?▼

Add DynatraceNavigationObserver() to the navigatorObservers list of your root MaterialApp or CupertinoApp. Route changes then appear as views in the user session timeline in Experience Vitals.

Does the Dynatrace Flutter plugin support user opt-in privacy mode?▼

Yes, set userOptIn true in dynatrace.config.yaml for Android and DTXUserOptIn for iOS. The SDK then collects no data until you call applyUserPrivacyOptions with a DataCollectionLevel and crash reporting preference.

Why is no data appearing in Dynatrace after Flutter setup?▼

Re-run dart run dynatrace_flutter_plugin after any config change, verify applicationId and beaconUrl match the console-downloaded config, confirm applyUserPrivacyOptions was called if userOptIn is true, and check device network access to the beacon URL.

How do I instrument HTTP requests in Flutter with Dynatrace?▼

Replace every http.Client() construction with Dynatrace().createHttpClient(), which can also wrap an existing client instance. For dart:io HttpClient, use Dynatrace().createWebRequestTiming() for manual timing since no drop-in wrapper exists.