layoutSubviews() — react Function Reference

Architecture documentation for the layoutSubviews() function in HorizontalPanAndZoomView.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ layoutSubviews() — react Function Reference

Dependency Diagram

graph TD
  7bceb63d_e298_b3cf_fd4b_0588920f652c["layoutSubviews()"]
  286a732c_79f8_d4a2_284e_8f3ea43c6d7d["HorizontalPanAndZoomView"]
  7bceb63d_e298_b3cf_fd4b_0588920f652c -->|defined in| 286a732c_79f8_d4a2_284e_8f3ea43c6d7d
  style 7bceb63d_e298_b3cf_fd4b_0588920f652c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/HorizontalPanAndZoomView.js lines 110–124

  layoutSubviews() {
    const {offset, length} = this._viewState.horizontalScrollState;
    const proposedFrame = {
      origin: {
        x: this.frame.origin.x + offset,
        y: this.frame.origin.y,
      },
      size: {
        width: length,
        height: this.frame.size.height,
      },
    };
    this._contentView.setFrame(proposedFrame);
    super.layoutSubviews();
  }