mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Rubén Norte
b06cae3681
Summary: This diff creates a proxy module to interact with the React Native renderer. The goal of this proxy is to decouple usages of several functions (e.g.: `findNodeHandle`, etc.) from the actual renderer used in an app. This way, we can easily switch between renderers without having to change code depending on it. This will be useful to remove a specific renderer from an app bundle when it's no longer used (e.g.: Paper on the Facebook App). Changelog: [Internal] Reviewed By: javache Differential Revision: D39205975 fbshipit-source-id: 05289c0c3c8cd26d81aa1d2163097c73ec40c6ad
112 lines
2.9 KiB
JavaScript
112 lines
2.9 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
* @flow strict-local
|
|
*/
|
|
|
|
import {type RootTag} from './RootTag';
|
|
import type {Element, ElementType, ElementRef} from 'react';
|
|
import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
|
|
|
|
export function renderElement({
|
|
element,
|
|
rootTag,
|
|
useFabric,
|
|
useConcurrentRoot,
|
|
}: {
|
|
element: Element<ElementType>,
|
|
rootTag: number,
|
|
useFabric: boolean,
|
|
useConcurrentRoot: boolean,
|
|
}): void {
|
|
if (useFabric) {
|
|
require('../Renderer/shims/ReactFabric').render(
|
|
element,
|
|
rootTag,
|
|
null,
|
|
useConcurrentRoot,
|
|
);
|
|
} else {
|
|
require('../Renderer/shims/ReactNative').render(element, rootTag);
|
|
}
|
|
}
|
|
|
|
export function findHostInstance_DEPRECATED<TElementType: ElementType>(
|
|
componentOrHandle: ?(ElementRef<TElementType> | number),
|
|
): ?ElementRef<HostComponent<mixed>> {
|
|
return require('../Renderer/shims/ReactNative').findHostInstance_DEPRECATED(
|
|
componentOrHandle,
|
|
);
|
|
}
|
|
|
|
export function findNodeHandle<TElementType: ElementType>(
|
|
componentOrHandle: ?(ElementRef<TElementType> | number),
|
|
): ?number {
|
|
return require('../Renderer/shims/ReactNative').findNodeHandle(
|
|
componentOrHandle,
|
|
);
|
|
}
|
|
|
|
export function dispatchCommand(
|
|
handle: ElementRef<HostComponent<mixed>>,
|
|
command: string,
|
|
args: Array<mixed>,
|
|
): void {
|
|
if (global.RN$Bridgeless === true) {
|
|
// Note: this function has the same implementation in the legacy and new renderer.
|
|
// However, evaluating the old renderer comes with some side effects.
|
|
return require('../Renderer/shims/ReactFabric').dispatchCommand(
|
|
handle,
|
|
command,
|
|
args,
|
|
);
|
|
} else {
|
|
return require('../Renderer/shims/ReactNative').dispatchCommand(
|
|
handle,
|
|
command,
|
|
args,
|
|
);
|
|
}
|
|
}
|
|
|
|
export function sendAccessibilityEvent(
|
|
handle: ElementRef<HostComponent<mixed>>,
|
|
eventType: string,
|
|
): void {
|
|
return require('../Renderer/shims/ReactNative').sendAccessibilityEvent(
|
|
handle,
|
|
eventType,
|
|
);
|
|
}
|
|
|
|
/**
|
|
* This method is used by AppRegistry to unmount a root when using the old
|
|
* React Native renderer (Paper).
|
|
*/
|
|
export function unmountComponentAtNodeAndRemoveContainer(rootTag: RootTag) {
|
|
// $FlowExpectedError[incompatible-type] rootTag is an opaque type so we can't really cast it as is.
|
|
const rootTagAsNumber: number = rootTag;
|
|
require('../Renderer/shims/ReactNative').unmountComponentAtNodeAndRemoveContainer(
|
|
rootTagAsNumber,
|
|
);
|
|
}
|
|
|
|
export function unstable_batchedUpdates<T>(
|
|
fn: T => void,
|
|
bookkeeping: T,
|
|
): void {
|
|
// This doesn't actually do anything when batching updates for a Fabric root.
|
|
return require('../Renderer/shims/ReactNative').unstable_batchedUpdates(
|
|
fn,
|
|
bookkeeping,
|
|
);
|
|
}
|
|
|
|
export function isProfilingRenderer(): boolean {
|
|
return Boolean(__DEV__);
|
|
}
|