diff --git a/app/App.tsx b/app/App.tsx index 7aced7cd..40beff97 100644 --- a/app/App.tsx +++ b/app/App.tsx @@ -1,12 +1,17 @@ import { StatusBar } from 'expo-status-bar'; import React from 'react'; -import { StyleSheet, Text, View } from 'react-native'; +import { StyleSheet, View } from 'react-native'; +import { WebView } from 'react-native-webview'; +import Constants from 'expo-constants'; export default function App() { return ( - Open up App.tsx to start working on your app! + ); } @@ -15,7 +20,9 @@ const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', - alignItems: 'center', - justifyContent: 'center', + }, + webview: { + flex: 1, + marginTop: Constants.statusBarHeight, }, }); diff --git a/app/package.json b/app/package.json index 9ede2302..7f069605 100644 --- a/app/package.json +++ b/app/package.json @@ -19,7 +19,8 @@ "react": "16.13.1", "react-dom": "16.13.1", "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz", - "react-native-web": "~0.13.12" + "react-native-web": "~0.13.12", + "react-native-webview": "11.6.2" }, "devDependencies": { "@babel/core": "^7.9.0", diff --git a/app/yarn.lock b/app/yarn.lock index 1b6aeb3f..58f1af82 100644 --- a/app/yarn.lock +++ b/app/yarn.lock @@ -2607,16 +2607,16 @@ escape-html@~1.0.3: resolved "https://registry.npm.taobao.org/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg= +escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0: + version "2.0.0" + resolved "https://registry.npm.taobao.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344" + integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w== + escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.npm.taobao.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ= -escape-string-regexp@^2.0.0: - version "2.0.0" - resolved "https://registry.npm.taobao.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344" - integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w== - esprima@^4.0.0: version "4.0.1" resolved "https://registry.npm.taobao.org/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71" @@ -3305,7 +3305,7 @@ inquirer@^3.0.6: strip-ansi "^4.0.0" through "^2.3.6" -invariant@^2.2.2, invariant@^2.2.4: +invariant@2.2.4, invariant@^2.2.2, invariant@^2.2.4: version "2.2.4" resolved "https://registry.npm.taobao.org/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6" integrity sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY= @@ -4750,6 +4750,14 @@ react-native-web@~0.13.12: prop-types "^15.6.0" react-timer-mixin "^0.13.4" +react-native-webview@11.6.2: + version "11.6.2" + resolved "https://registry.npm.taobao.org/react-native-webview/-/react-native-webview-11.6.2.tgz#e19b3325d6777caee29d04eb2edf9b70f0b29915" + integrity sha512-7e5ltLBgqt1mX0gdTTS2nFPIjfS6y300wqJ4rLWqU71lDO+8ZeayfsF5qo83qxo2Go74CtLnSeWae4pdGwUqYw== + dependencies: + escape-string-regexp "2.0.0" + invariant "2.2.4" + "react-native@https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz": version "0.63.2" resolved "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz#1dae4e81714085100888571012f18b6b142b4773"