@axonpack/expo-devtoolsReference
DevtoolsOverlay
The launcher button's props, and what mounting it means.
import { DevtoolsOverlay } from '@axonpack/expo-devtools';| Prop | Type | Default | What it does |
|---|---|---|---|
iconComponent | ComponentType<{ size: number }> | none | Renders in place of the built-in glyph. Given the resolved size. |
size | number | 44 | Diameter of the button, in dp. |
color | string | accent blue | Button fill. |
iconColor | string | '#ffffff' | The built-in glyph only; an iconComponent colours itself. |
The button is draggable, stays inside the screen, and keeps a 44dp touch area through hitSlop even at
a smaller size. Mounting it is also what marks first render for the startup breakdown.
The overlay renders whether or not .init() has run: it takes no enabled prop and reads no store to
decide. Guard the mount itself when you do not want the panel reachable, as in the
Quick start.
Related components
| Component | What it is for |
|---|---|
<CrashReportOverlay /> | The crash sheet on its own, for a build that ships crash reporting but not the panel. <DevtoolsOverlay /> mounts one itself; mounting both is harmless. |
<DevtoolsErrorBoundary /> | Catches render errors — the only tier that produces a component stack. Props: children, fallback(error, reset), onError(error, info). |