FlutterArtist Debug UI Components Viewer

Debug UI Components Viewer is a visual tool that allows you to observe the layout positions of the ContextProviderView(s) currently appearing on the screen. This tool helps you quickly identify the scope of context data impact on the user interface.

You can open this tool via the DebugMenu (usually located at the top-right corner of the screen) or activate it directly through code.

Common ContextProviderView(s) include:

Open Viewer for a specific Shelf: Includes only ContextProviderView(s) within that specific Shelf's scope.

myShelf.showDebugUiComponentsViewerDialog();

Open Viewer for the entire application: Includes all ContextProviderView(s) currently displayed on the screen, encompassing both Shelf(s) components and independent Activity(s).

FlutterArtist.storage.showDebugUiComponentsViewerDialog();

Upon opening the Debug UI Components Viewer, you will see a list of active ContextProviderView(s). When you select (check) a component, it will be highlighted directly on the UI with a bold red border.

This highlighting feature allows you to easily cross-reference the logical list with their physical positions on the layout, thereby improving control over complex Master-Detail relationships.