createTextInstance() — react Function Reference

Architecture documentation for the createTextInstance() function in ReactFiberConfigNative.js from the react codebase.

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ createTextInstance() — react Function Reference

Dependency Diagram

graph TD
  d33e99f1_cfd4_ce53_1af4_26fd8d7fec52["createTextInstance()"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"]
  d33e99f1_cfd4_ce53_1af4_26fd8d7fec52 -->|defined in| 3d20f780_732d_dfbf_ddf9_cb13ba9949a1
  afee62e3_7b29_eaa4_1b33_6e226531d59c["allocateTag()"]
  d33e99f1_cfd4_ce53_1af4_26fd8d7fec52 -->|calls| afee62e3_7b29_eaa4_1b33_6e226531d59c
  e451812a_c68a_0eaa_e8e4_e629eaa39bcc["precacheFiberNode()"]
  d33e99f1_cfd4_ce53_1af4_26fd8d7fec52 -->|calls| e451812a_c68a_0eaa_e8e4_e629eaa39bcc
  style d33e99f1_cfd4_ce53_1af4_26fd8d7fec52 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/ReactFiberConfigNative.js lines 178–200

export function createTextInstance(
  text: string,
  rootContainerInstance: Container,
  hostContext: HostContext,
  internalInstanceHandle: Object,
): TextInstance {
  if (!hostContext.isInAParentText) {
    throw new Error('Text strings must be rendered within a <Text> component.');
  }

  const tag = allocateTag();

  UIManager.createView(
    tag, // reactTag
    'RCTRawText', // viewName
    rootContainerInstance.containerTag, // rootTag
    {text: text}, // props
  );

  precacheFiberNode(internalInstanceHandle, tag);

  return tag;
}