75 lines
2.0 KiB
JavaScript
75 lines
2.0 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { AppRegistry, Linking } from 'react-native';
|
|
|
|
import config from './config';
|
|
import { App } from './features/app';
|
|
|
|
/**
|
|
* React Native doesn't support specifying props to the main/root component (in
|
|
* the JS/JSX source code). So create a wrapper React Component (class) around
|
|
* features/app's App instead.
|
|
*
|
|
* @extends Component
|
|
*/
|
|
class Root extends Component {
|
|
/**
|
|
* Initializes a new Root instance.
|
|
*
|
|
* @param {Object} props - The read-only properties with which the new
|
|
* instance is to be initialized.
|
|
*/
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
/**
|
|
* The initial state of this Component.
|
|
*
|
|
* @type {{url: string}}
|
|
*/
|
|
this.state = {
|
|
/**
|
|
* The URL, if any, with which the app was launched.
|
|
*
|
|
* @type {string}
|
|
*/
|
|
url: undefined
|
|
};
|
|
|
|
// Handle the URL, if any, with which the app was launched.
|
|
Linking.getInitialURL()
|
|
.then(url => this.setState({ url }))
|
|
.catch(err => {
|
|
console.error('Failed to get initial URL', err);
|
|
|
|
// XXX Start with an empty URL if getting the initial URL fails;
|
|
// otherwise, nothing will be rendered.
|
|
if (this.state.url !== null) {
|
|
this.setState({ url: null });
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Implements React's {@link Component#render()}.
|
|
*
|
|
* @inheritdoc
|
|
* @returns {ReactElement}
|
|
*/
|
|
render() {
|
|
// XXX We don't render the App component until we get the initial URL,
|
|
// either it's null or some other non-null defined value;
|
|
if (typeof this.state.url === 'undefined') {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<App
|
|
config = { config }
|
|
url = { this.state.url } />
|
|
);
|
|
}
|
|
}
|
|
|
|
// Register the main Component.
|
|
AppRegistry.registerComponent('App', () => Root);
|