<!DOCTYPE html> <html lang="%LANG_ISO_CODE%"> <head> <meta charset="utf-8" /> <meta httpEquiv="X-UA-Compatible" content="IE=edge" /> <title>%WEB_TITLE%</title> <link rel="shortcut icon" href="%WEB_PUBLIC_URL%favicon.ico" /> <!-- TODO: Bacon: build a reliable system for testing these style changes --> <style> /** * Building on the RNWeb reset: * https://github.com/necolas/react-native-web/blob/master/packages/react-native-web/src/exports/StyleSheet/initialRules.js */ html, body, #%ROOT_ID% { width: 100%; /* To smooth any scrolling behavior */ -webkit-overflow-scrolling: touch; margin: 0px; padding: 0px; /* Allows content to fill the viewport and go beyond the bottom */ min-height: 100%; } #%ROOT_ID% { flex-shrink: 0; flex-basis: auto; flex-grow: 1; display: flex; flex: 1; } html { scroll-behavior: smooth; /* Prevent text size change on orientation change https://gist.github.com/tfausak/2222823#file-ios-8-web-app-html-L138 */ -webkit-text-size-adjust: 100%; height: 100%; } body { display: flex; /* Allows you to scroll below the viewport; default value is visible */ overflow-y: auto; overscroll-behavior-y: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; } </style> </head> <body> <noscript>%NO_SCRIPT%</noscript> <div id="%ROOT_ID%"></div> <script> if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('%WEB_PUBLIC_URL%expo-service-worker.js'); }); } </script> </body> </html>