mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Rubén Norte
4f5a092bf6
Summary: `renderApplication` receives the root component that we need to render and an optional wrapper component. There are cases where we want to use the initial props passed to the root component in the wrapper component as well (e.g.: to provide a specific context to the root component), so this adds modifies `AppContainer` to accept the initial props and inject them into the wrapper component. Changelog: [General] [Added] - Modified `renderApplication` to forward `initialProps` to `WrapperComponent` Reviewed By: fkgozali Differential Revision: D21347486 fbshipit-source-id: 1c4f702a3875077630de1a44d3ac9ef2c80bc10c
61 lines
1.9 KiB
JavaScript
61 lines
1.9 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
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const AppContainer = require('./AppContainer');
|
|
import GlobalPerformanceLogger from '../Utilities/GlobalPerformanceLogger';
|
|
import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
|
|
import PerformanceLoggerContext from '../Utilities/PerformanceLoggerContext';
|
|
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,
|
|
) {
|
|
invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
|
|
|
|
const renderable = (
|
|
<PerformanceLoggerContext.Provider
|
|
value={scopedPerformanceLogger ?? GlobalPerformanceLogger}>
|
|
<AppContainer
|
|
rootTag={rootTag}
|
|
fabric={fabric}
|
|
showArchitectureIndicator={showArchitectureIndicator}
|
|
WrapperComponent={WrapperComponent}
|
|
initialProps={initialProps}
|
|
internal_excludeLogBox={isLogBox}>
|
|
<RootComponent {...initialProps} rootTag={rootTag} />
|
|
</AppContainer>
|
|
</PerformanceLoggerContext.Provider>
|
|
);
|
|
|
|
GlobalPerformanceLogger.startTimespan('renderApplication_React_render');
|
|
if (fabric) {
|
|
require('../Renderer/shims/ReactFabric').render(renderable, rootTag);
|
|
} else {
|
|
require('../Renderer/shims/ReactNative').render(renderable, rootTag);
|
|
}
|
|
GlobalPerformanceLogger.stopTimespan('renderApplication_React_render');
|
|
}
|
|
|
|
module.exports = renderApplication;
|