Merge branch 'master' of https://github.com/GeekyAnts/nativebase-templates into development

cyrus25 · cyrus25 · commit c6ce6c66d354 · 2022-02-15T17:00:28.000+05:30
diff --git a/nextjs-with-native-base-typescript/app.json b/nextjs-with-native-base-typescript/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "nextjs-with-native-base-typescript",
+  "displayName": "nextjs-with-native-base-typescript"
+}
diff --git a/nextjs-with-native-base-typescript/pages/_document.js b/nextjs-with-native-base-typescript/pages/_document.js
@@ -1,2 +1,39 @@
 // @generated: @expo/next-adapter@3.1.10
-export { default } from '@expo/next-adapter/document';
+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 = [
+      // eslint-disable-next-line react/jsx-key
+      <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>
+    );
+  }
+}
diff --git a/nextjs-with-native-base/app.json b/nextjs-with-native-base/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "nextjs-with-native-base",
+  "displayName": "nextjs-with-native-base"
+}
diff --git a/nextjs-with-native-base/pages/_document.js b/nextjs-with-native-base/pages/_document.js
@@ -1,2 +1,39 @@
 // @generated: @expo/next-adapter@3.1.10
-export { default } from '@expo/next-adapter/document';
+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 = [
+      // eslint-disable-next-line react/jsx-key
+      <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>
+    );
+  }
+}
