(examples)

PanelGroup provides the following imperative API methods:

getId(): string: Panel group id

getLayout(): number[]: Current size of panels (in both percentage and pixel units)

setLayout(number[]): void: Resize all panels (using either percentage or pixel units)

Reset Layout

left: -

right: -

1import {
 ImperativePanelGroupHandle,
 Panel,
 PanelGroup,
5} from "react-native-resizable-panels";

const ref = useRef<ImperativePanelGroupHandle>(null);

const resetLayout = () => {
 const panelGroup = ref.current;
 if (panelGroup) {
   // Reset each Panel to 50% of the group's width
   panelGroup.setLayout([50, 50]);
 }
};

<PanelGroup direction="horizontal" ref={ref}>
 <Panel>left</Panel>
 <ResizeHandle />
 <Panel>right</Panel>
</PanelGroup>