723bc52c38
Summary: ^ Reviewed By: aigoncharov Differential Revision: D44169429 fbshipit-source-id: 4e1b35f753e5cd390d6533f7b31d55f87a64b061
15 lines
993 B
Plaintext
15 lines
993 B
Plaintext
import useBaseUrl from '@docusaurus/useBaseUrl';
|
|
|
|
The UIDebugger is a replacement for the Layout inspector. It streams the full hierarchy of the running app to flipper desktop in near real time. We display a 2D visualization with all of your view and component bounds overlayed on top.
|
|
You can focus on a particular view or component from the context menu. Additionally, you can pause incoming updates to focus on a particular frame.
|
|
|
|
You can inspect what views the hierarchy is made up of as well as what properties each view has; this is useful when debugging issues with your product.
|
|
|
|
We currently support the following platforms and frameworks:
|
|
* Android and [Litho](https://fblitho.com)
|
|
* iOS and [ComponentKit](https://componentkit.org/)
|
|
|
|
It integrates with these frameworks to present components in the hierarchy just as if they were native views, exposing all the layout properties, props, and state of the components.
|
|
|
|
<img alt="UIDebugger" src={useBaseUrl("img/uidebugger.png")} />
|