Home / Class/ ReactNativeFiberHostComponent Class — react Architecture

ReactNativeFiberHostComponent Class — react Architecture

Architecture documentation for the ReactNativeFiberHostComponent class in ReactNativeFiberHostComponent.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  79807c7b_c355_e77c_6f21_0099c356bcec["ReactNativeFiberHostComponent"]
  f6a368ec_c652_2004_0c12_4c53a053a27c["ReactNativeFiberHostComponent.js"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|defined in| f6a368ec_c652_2004_0c12_4c53a053a27c
  2624c4ef_1db9_7b2d_ce3d_a8aced0ac113["constructor()"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|method| 2624c4ef_1db9_7b2d_ce3d_a8aced0ac113
  184c23cd_8ec3_917c_6322_8f16961815cb["blur()"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|method| 184c23cd_8ec3_917c_6322_8f16961815cb
  4e8dce2b_feb4_4df9_f051_48c3d4421328["focus()"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|method| 4e8dce2b_feb4_4df9_f051_48c3d4421328
  926818d2_2d01_f8c8_6db6_bf1fb80cc370["measure()"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|method| 926818d2_2d01_f8c8_6db6_bf1fb80cc370
  d1b3a229_331f_e55a_657f_3c6151c38db4["measureInWindow()"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|method| d1b3a229_331f_e55a_657f_3c6151c38db4
  5f7f87b8_72f2_47e7_f899_b908c23123e8["if()"]
  79807c7b_c355_e77c_6f21_0099c356bcec -->|method| 5f7f87b8_72f2_47e7_f899_b908c23123e8

Relationship Graph

Source Code

packages/react-native-renderer/src/ReactNativeFiberHostComponent.js lines 31–88

class ReactNativeFiberHostComponent implements LegacyPublicInstance {
  _children: Array<Instance | number>;
  _nativeTag: number;
  _internalFiberInstanceHandleDEV: Object;
  viewConfig: ViewConfig;

  constructor(
    tag: number,
    viewConfig: ViewConfig,
    internalInstanceHandleDEV: Object,
  ) {
    this._nativeTag = tag;
    this._children = [];
    this.viewConfig = viewConfig;
    if (__DEV__) {
      this._internalFiberInstanceHandleDEV = internalInstanceHandleDEV;
    }
  }

  blur() {
    TextInputState.blurTextInput(this);
  }

  focus() {
    TextInputState.focusTextInput(this);
  }

  measure(callback: MeasureOnSuccessCallback) {
    UIManager.measure(
      this._nativeTag,
      mountSafeCallback_NOT_REALLY_SAFE(this, callback),
    );
  }

  measureInWindow(callback: MeasureInWindowOnSuccessCallback) {
    UIManager.measureInWindow(
      this._nativeTag,
      mountSafeCallback_NOT_REALLY_SAFE(this, callback),
    );
  }

  measureLayout(
    relativeToNativeNode: number | LegacyPublicInstance,
    onSuccess: MeasureLayoutOnSuccessCallback,
    onFail?: () => void /* currently unused */,
  ) {
    let relativeNode: ?number;

    if (typeof relativeToNativeNode === 'number') {
      // Already a node handle
      relativeNode = relativeToNativeNode;
    } else {
      const nativeNode: ReactNativeFiberHostComponent =
        (relativeToNativeNode: any);
      if (nativeNode._nativeTag) {
        relativeNode = nativeNode._nativeTag;
      }
    }

Domain

Frequently Asked Questions

What is the ReactNativeFiberHostComponent class?
ReactNativeFiberHostComponent is a class in the react codebase, defined in packages/react-native-renderer/src/ReactNativeFiberHostComponent.js.
Where is ReactNativeFiberHostComponent defined?
ReactNativeFiberHostComponent is defined in packages/react-native-renderer/src/ReactNativeFiberHostComponent.js at line 31.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free