Added react-native-web capability

GerardKrupa-Cap · Jun 30, 2023 · 46dfb10 · 46dfb10
1 parent b3a3740
commit 46dfb10
Show file tree

Hide file tree

Showing 8 changed files with 7,676 additions and 1,966 deletions.
diff --git a/components/FeatureButton.tsx b/components/FeatureButton.tsx
@@ -1,6 +1,6 @@
 import {Text, StyleSheet, Pressable} from 'react-native';
 import React from 'react';
-import {SharedStyles, colours, vh} from '../components/SharedStyles';
+import {SharedStyles, colours, vh, vw} from '../components/SharedStyles';
 
 const styles = StyleSheet.create({
   button: {

diff --git a/components/StandardFooter.tsx b/components/StandardFooter.tsx
@@ -2,7 +2,7 @@ import {Image, StyleSheet, Text, View} from 'react-native';
 import React from 'react';
 import {colours, vh, vw} from './SharedStyles';
 
-const logo = require('../assets/cat-logo.png');
+import logo from '../assets/cat-logo.png';
 
 const styles = StyleSheet.create({
   footer: {

diff --git a/components/StandardHeader.tsx b/components/StandardHeader.tsx
@@ -2,7 +2,7 @@ import {Image, StyleSheet, Text, View} from 'react-native';
 import React from 'react';
 import {colours, vh, vw} from '../components/SharedStyles';
 
-const logo = require('../assets/cat-logo.png');
+import logo from '../assets/cat-logo.png';
 
 const styles = StyleSheet.create({
   header: {

diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>RN Web</title>
+    <style>
+      #app-root {
+        display: flex;
+        flex: 1 1 100%;
+        height: 100vh;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app-root"></div>
+  </body>
+</html>
diff --git a/index.web.js b/index.web.js
@@ -0,0 +1,10 @@
+import {AppRegistry} from 'react-native';
+import App from './App';
+if (module.hot) {
+  module.hot.accept();
+}
+AppRegistry.registerComponent('React Native Web', () => App);
+AppRegistry.runApplication('React Native Web', {
+  initialProps: {},
+  rootTag: document.getElementById('app-root'),
+});