---
updatedAt: 2026-06-12T20:36:12.000Z
agentTools:
  projectIndex: https://developers.wingify.com/v2/llms.txt
---

# Set Navigator Observer

> 📘 In web recording sessions, the system automatically detects and logs navigation events based on URL changes, eliminating the need for manual tracking.

<br />

In the main.dart file, change from

```javascript Dart
return MaterialApp(
      title: 'Flutter Demo',
      routes: {
        "/": (context) => const DemoScreen(),
        '/Screen1': (context) => Screen1(),
        '/Screen2': (context) => Screen2(),
      },
    );
```

<br />

To the below.

```javascript Dart
import 'package:vwo_insights_flutter_sdk/vwo_insights_flutter_sdk.dart';
 
return MaterialApp(
      title: 'Flutter Demo',
      routes: {
        "/": (context) => const DemoScreen(),
        '/Screen1': (context) => Screen1(),
        '/Screen2': (context) => Screen2(),
      },
      navigatorObservers: [
        VwoNavigatorObserver(),
        YourNavigatorObserverIfNeeded(),
      ],
    );
```