60 lines
1.8 KiB
JavaScript
60 lines
1.8 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @providesModule renderFabricSurface
|
|
* @format
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const AppContainer = require('AppContainer');
|
|
const React = require('React');
|
|
const ReactFabric = require('ReactFabric');
|
|
|
|
const invariant = require('fbjs/lib/invariant');
|
|
|
|
// require BackHandler so it sets the default handler that exits the app if no listeners respond
|
|
require('BackHandler');
|
|
|
|
// Note: this is a fork of renderApplication.js to simply invoke ReactFabric.
|
|
function renderFabricSurface<Props: Object>(
|
|
RootComponent: React.ComponentType<Props>,
|
|
initialProps: Props,
|
|
rootTag: any,
|
|
WrapperComponent?: ?React.ComponentType<*>,
|
|
) {
|
|
invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
|
|
|
|
let renderable = (
|
|
<AppContainer
|
|
fabric={true}
|
|
rootTag={rootTag}
|
|
WrapperComponent={WrapperComponent}>
|
|
<RootComponent {...initialProps} rootTag={rootTag} fabric={true} />
|
|
</AppContainer>
|
|
);
|
|
|
|
// If the root component is async, the user probably wants the initial render
|
|
// to be async also. To do this, wrap AppContainer with an async marker.
|
|
// For more info see https://fb.me/is-component-async
|
|
if (
|
|
/* $FlowFixMe(>=0.68.0 site=react_native_fb) This comment suppresses an
|
|
* error found when Flow v0.68 was deployed. To see the error delete this
|
|
* comment and run Flow. */
|
|
RootComponent.prototype != null &&
|
|
RootComponent.prototype.unstable_isAsyncReactComponent === true
|
|
) {
|
|
// $FlowFixMe This is not yet part of the official public API
|
|
const AsyncMode = React.unstable_AsyncMode;
|
|
renderable = <AsyncMode>{renderable}</AsyncMode>;
|
|
}
|
|
|
|
ReactFabric.render(renderable, rootTag);
|
|
}
|
|
|
|
module.exports = renderFabricSurface;
|