mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 09:35:48 +00:00
613ca14612
Summary:Since the React 0.14 split of modules, the findNodeHandle feature is part of the
renderer and not the generic React API.
This just greps for React.findNodeHandle and replace them with ReactNative.findNodeHandle. I fixed up the imports manually.
I also found two callers each of ReactNative.createClass and React.render with the exception of downstream and examples will fix them separately.
I'll need to find more things like `var { PropTypes } = ReactNative;` separately. I think this is a good start though.
Reviewed By: vjeux
Differential Revision: D3149356
fb-gh-sync-id: 50ed60bc67270b16f561d4c641f2f19e85724d3b
fbshipit-source-id: 50ed60bc67270b16f561d4c641f2f19e85724d3b
98 lines
2.3 KiB
JavaScript
98 lines
2.3 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule renderApplication
|
|
* @noflow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
|
|
var React = require('React');
|
|
var ReactNative = require('ReactNative');
|
|
var StyleSheet = require('StyleSheet');
|
|
var Subscribable = require('Subscribable');
|
|
var View = require('View');
|
|
|
|
var invariant = require('fbjs/lib/invariant');
|
|
|
|
var Inspector = __DEV__ ? require('Inspector') : null;
|
|
var YellowBox = __DEV__ ? require('YellowBox') : null;
|
|
|
|
var AppContainer = React.createClass({
|
|
mixins: [Subscribable.Mixin],
|
|
|
|
getInitialState: function() {
|
|
return { inspector: null };
|
|
},
|
|
|
|
toggleElementInspector: function() {
|
|
var inspector = !__DEV__ || this.state.inspector
|
|
? null
|
|
: <Inspector
|
|
rootTag={this.props.rootTag}
|
|
inspectedViewTag={ReactNative.findNodeHandle(this.refs.main)}
|
|
/>;
|
|
this.setState({inspector});
|
|
},
|
|
|
|
componentDidMount: function() {
|
|
this.addListenerOn(
|
|
RCTDeviceEventEmitter,
|
|
'toggleElementInspector',
|
|
this.toggleElementInspector
|
|
);
|
|
},
|
|
|
|
render: function() {
|
|
let yellowBox = null;
|
|
if (__DEV__) {
|
|
yellowBox = <YellowBox />;
|
|
}
|
|
return (
|
|
<View style={styles.appContainer}>
|
|
<View collapsible={false} style={styles.appContainer} ref="main">
|
|
{this.props.children}
|
|
</View>
|
|
{yellowBox}
|
|
{this.state.inspector}
|
|
</View>
|
|
);
|
|
}
|
|
});
|
|
|
|
function renderApplication<D, P, S>(
|
|
RootComponent: ReactClass<P>,
|
|
initialProps: P,
|
|
rootTag: any
|
|
) {
|
|
invariant(
|
|
rootTag,
|
|
'Expect to have a valid rootTag, instead got ', rootTag
|
|
);
|
|
/* eslint-disable jsx-no-undef-with-namespace */
|
|
ReactNative.render(
|
|
<AppContainer rootTag={rootTag}>
|
|
<RootComponent
|
|
{...initialProps}
|
|
rootTag={rootTag}
|
|
/>
|
|
</AppContainer>,
|
|
rootTag
|
|
);
|
|
/* eslint-enable jsx-no-undef-with-namespace */
|
|
}
|
|
|
|
var styles = StyleSheet.create({
|
|
appContainer: {
|
|
flex: 1,
|
|
},
|
|
});
|
|
|
|
module.exports = renderApplication;
|