From d86a021441017aea58323a0a5786211c3c65b4e1 Mon Sep 17 00:00:00 2001
From: Marc Rousavy <marcrousavy@hotmail.com>
Date: Fri, 19 Feb 2021 18:17:37 +0100
Subject: [PATCH] Create Splash base

---
 example/src/Settings.tsx |  2 +-
 example/src/Splash.tsx   | 21 +++++++++++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/example/src/Settings.tsx b/example/src/Settings.tsx
index 8f6adc5..36b8551 100644
--- a/example/src/Settings.tsx
+++ b/example/src/Settings.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { StyleSheet, View, Text } from 'react-native';
 
-export default function App() {
+export default function Settings() {
   return (
     <View style={styles.container}>
       <Text>powered by Cuvent</Text>
diff --git a/example/src/Splash.tsx b/example/src/Splash.tsx
index 04380cb..76b6826 100644
--- a/example/src/Splash.tsx
+++ b/example/src/Splash.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 
-import { StyleSheet, View, Text  } from 'react-native';
+import { StyleSheet, View, Text, Image  } from 'react-native';
 import { Camera, CameraPermissionStatus } from 'react-native-vision-camera';
 
 export default function Splash() {
@@ -39,17 +39,30 @@ export default function Splash() {
 
   return (
     <View style={styles.container}>
+      <Image source={require('../../img/11.png')} style={styles.banner} />
+      <Text style={styles.welcome}>Welcome to{'\n'}Vision Camera.</Text>
+
+
       <Text>Camera Permission: {cameraPermissionStatus}</Text>
-      <Text>Microphone Permission: {microphonePermissionStatus}</Text>
+      <Text>Camera Permission: {microphonePermissionStatus}</Text>
     </View>
   );
 }
 
 const styles = StyleSheet.create({
+  welcome: {
+    fontSize: 38,
+    fontWeight: 'bold',
+    maxWidth: '80%',
+  },
+  banner: {
+    position: 'absolute',
+    opacity: 0.4,
+    bottom: 0,
+    left: 0,
+  },
   container: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
     backgroundColor: 'white',
   },
   box: {