Add styles to examples SSR

Close #2308 Fix #2309
2026-05-15 03:58:48 +00:00 · 2022-06-25 13:23:21 +08:00
parent 2be582b6e0
commit 43b60d1eed
1 changed files with 25 additions and 0 deletions
--- a/packages/examples/pages/_document.js
+++ b/packages/examples/pages/_document.js
@@ -0,0 +1,25 @@
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+import { AppRegistry } from 'react-native';
+
+export default class MyDocument extends Document {
+  static async getInitialProps(ctx) {
+    const { renderPage } = ctx;
+    AppRegistry.registerComponent('rn', () => Main);
+    const { getStyleElement } = AppRegistry.getApplication('rn');
+    const page = await renderPage();
+    const styles = getStyleElement();
+    return { ...page, styles };
+  }
+
+  render() {
+    return (
+      <Html>
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}