/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
examples/with-react-native-web/pages/_document.js
37 строк
1 KB
Steven
chore(examples): use default prettier for examples/templates (#60530)
12 янв 2024, 02:01
Не верифицирован
12 янв 2024, 02:01
4466ba4
Код
Авторство
О чём код?
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 = [ <style dangerouslySetInnerHTML={{ __html: normalizeNextElements }} />, getStyleElement(), ]; return { ...page, styles: Children.toArray(styles) }; } render() { return ( <Html style={{ height: "100%" }}> <Head /> <body style={{ height: "100%", overflow: "hidden" }}> <Main /> <NextScript /> </body> </Html> ); } }