CorextraDevToolsOverlay class

Wraps an app (or a subtree of one) with a floating DevTools bubble that opens an in-app inspector panel (Network / Logs / Performance / Info tabs).

Typical usage — wrap via MaterialApp.builder so the panel sits above the app's own Navigator/Directionality:

MaterialApp(
  builder: (context, child) =>
      CorextraDevToolsOverlay(child: child ?? const SizedBox.shrink()),
  home: const HomeScreen(),
)

Visibility defaults to false (disabled) — pass enabled to explicitly enable it (e.g., enabled: true for demo videos). Toggle at runtime via CorextraDevTools.instance.enabled = false;.

The bubble is a small, always-present widget with no ancestor Overlay (see DevToolsBubble for why) — it only ever occupies its own small hit-testable area, so it never interferes with the host app underneath. The panel, by contrast, is only ever mounted while it's open, inside its own self-contained Overlay sized explicitly to the screen — giving Material widgets that need one (tooltips, popup menus) somewhere to attach, and the panel's Row/Column/Expanded layout a concrete, finite size to lay out against, regardless of where this widget sits relative to the host app's own Navigator. Individual tabs (see NetworkTab) adapt their own content to the available width — e.g. a master/detail split on larger screens — rather than the panel itself changing shape.

Inheritance

• Object
• DiagnosticableTree
• Widget
• StatefulWidget
• CorextraDevToolsOverlay

Constructors

CorextraDevToolsOverlay({Key? key, required Widget child, bool enabled = kDebugMode})

const

Properties

child → Widget

final

enabled → bool

final

hashCode → int

The hash code for this object.

no setter, inherited

key → Key?

Controls how one widget replaces another widget in the tree.

final, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

Methods

createElement() → StatefulElement

Creates a StatefulElement to manage this widget's location in the tree.

inherited

createState() → State<CorextraDevToolsOverlay>

Creates the mutable state for this widget at a given location in the tree.

override

debugDescribeChildren() → List<DiagnosticsNode>

Returns a list of DiagnosticsNode objects describing this node's children.

inherited

debugFillProperties(DiagnosticPropertiesBuilder properties) → void

Add additional properties associated with the node.

inherited

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode

Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.

inherited

toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String

A string representation of this object.

inherited

toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String

Returns a string representation of this node and its descendants.

inherited

toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String

Returns a one-line detailed description of the object.

inherited

toStringShort() → String

A short, textual description of this widget.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited