diff --git a/template/src/pages/_document.js b/template/src/pages/_document.js new file mode 100644 index 0000000..033bec7 --- /dev/null +++ b/template/src/pages/_document.js @@ -0,0 +1,37 @@ +import {Children} from 'react'; +import Document, {Html, Head, Main, NextScript} from 'next/document'; +import {AppRegistry} from 'react-native'; +import config from '../app.json'; +// Force Next-generated DOM elements to fill their parent's height +const normalizeNextElements = ` + #__next { + display: flex; + flex-direction: column; + height: 100%; + } +`; + +export default class MyDocument extends Document { + static async getInitialProps({renderPage}) { + AppRegistry.registerComponent(config.name, () => Main); + const {getStyleElement} = AppRegistry.getApplication(config.name); + const page = await renderPage(); + const styles = [ + , + getStyleElement(), + ]; + return {...page, styles: Children.toArray(styles)}; + } + + render() { + return ( + +
+ +