mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
David Vacca
b28ddede7b
Summary: This diff adds a new variable called "DisplayMode" into SurfaceHandler.cpp and FacebookAppRouteHandler.js. The purpose of DisplayMode is for the native pre-render system to notify React that the a surface is either being "pre-rendered" or "rendered" When the surface is being "pre-rendered" (displayMode == "SUSPENDED"), react will create and commit React Trees, but it will not execute use-effect callbacks When the surface is being "rendered" (displayMode == "VISIBLE"), react will create and commit React Trees and it will not execute all use-effect callbacks that weren't executed during "pre-rendering" By default surfaces are going to be rendered with displayMode == "VISIBLE". This diff should not create any change of behavior for now, this is the infra required to integrate the new offScreen API the react team is working on for pre-rendering system changelog: [internal] internal Reviewed By: yungsters Differential Revision: D27614664 fbshipit-source-id: f1f42fdf174c2ffa74174feb1873f1d5d46e7a95
75 lines
2.5 KiB
JavaScript
75 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its 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
|
|
*/
|
|
|
|
const AppContainer = require('./AppContainer');
|
|
import GlobalPerformanceLogger from '../Utilities/GlobalPerformanceLogger';
|
|
import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
|
|
import PerformanceLoggerContext from '../Utilities/PerformanceLoggerContext';
|
|
import type {DisplayModeType} from './DisplayMode';
|
|
const React = require('react');
|
|
|
|
const invariant = require('invariant');
|
|
|
|
// require BackHandler so it sets the default handler that exits the app if no listeners respond
|
|
require('../Utilities/BackHandler');
|
|
|
|
function renderApplication<Props: Object>(
|
|
RootComponent: React.ComponentType<Props>,
|
|
initialProps: Props,
|
|
rootTag: any,
|
|
WrapperComponent?: ?React.ComponentType<*>,
|
|
fabric?: boolean,
|
|
showArchitectureIndicator?: boolean,
|
|
scopedPerformanceLogger?: IPerformanceLogger,
|
|
isLogBox?: boolean,
|
|
debugName?: string,
|
|
displayMode?: ?DisplayModeType,
|
|
) {
|
|
invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
|
|
|
|
const performanceLogger = scopedPerformanceLogger ?? GlobalPerformanceLogger;
|
|
|
|
let renderable = (
|
|
<PerformanceLoggerContext.Provider value={performanceLogger}>
|
|
<AppContainer
|
|
rootTag={rootTag}
|
|
fabric={fabric}
|
|
showArchitectureIndicator={showArchitectureIndicator}
|
|
WrapperComponent={WrapperComponent}
|
|
initialProps={initialProps ?? Object.freeze({})}
|
|
internal_excludeLogBox={isLogBox}>
|
|
<RootComponent {...initialProps} rootTag={rootTag} />
|
|
</AppContainer>
|
|
</PerformanceLoggerContext.Provider>
|
|
);
|
|
|
|
if (__DEV__ && debugName) {
|
|
const RootComponentWithMeaningfulName = ({children}) => children;
|
|
RootComponentWithMeaningfulName.displayName = `${debugName}(RootComponent)`;
|
|
renderable = (
|
|
<RootComponentWithMeaningfulName>
|
|
{renderable}
|
|
</RootComponentWithMeaningfulName>
|
|
);
|
|
}
|
|
|
|
performanceLogger.startTimespan('renderApplication_React_render');
|
|
performanceLogger.setExtra('usedReactFabric', fabric ? '1' : '0');
|
|
|
|
if (fabric) {
|
|
require('../Renderer/shims/ReactFabric').render(renderable, rootTag);
|
|
} else {
|
|
require('../Renderer/shims/ReactNative').render(renderable, rootTag);
|
|
}
|
|
performanceLogger.stopTimespan('renderApplication_React_render');
|
|
}
|
|
|
|
module.exports = renderApplication;
|