Screen Transition Capture

Capturing Screen Transitions for enhanced user journey analysis

Screen Transition Capture is a Zipy feature for capturing screen transitions within your flutter app.

Here's how you can do it:

1. Import the Observer in you material app:

MaterialApp(
        navigatorObservers: [ZipyNavigationObserver()], //need to add this for capturing screen transitions
        home: const HomeScreen(),
        routes: {
          '/profile': (context) => const ProfileScreen(),
        },
      ),

Dynamic Screen Tagging

With dynamic screen tagging, you can enhance your analytics by assigning each screen a contextual name that reflects its real-time content.

import 'package:zipy_flutter/zipy_flutter.dart';

Zipy.tagScreenName(screenName: 'YOUR_SCREEN_NAME');

NOTE: If both the navigation observer and dynamic screen tagging are implemented, duplicate screen names may be captured — one by the observer and another by the tagScreenName method. Use only one approach, or if you use both, apply dynamic screen tagging only to screens that are not part of the main app’s routes.