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
Source
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