Create Splash base

This commit is contained in:
Marc Rousavy 2021-02-19 18:17:37 +01:00
parent 1d51b2115b
commit d86a021441
2 changed files with 18 additions and 5 deletions

View File

@ -2,7 +2,7 @@ import React from 'react';
import { StyleSheet, View, Text } from 'react-native'; import { StyleSheet, View, Text } from 'react-native';
export default function App() { export default function Settings() {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<Text>powered by Cuvent</Text> <Text>powered by Cuvent</Text>

View File

@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react'; 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'; import { Camera, CameraPermissionStatus } from 'react-native-vision-camera';
export default function Splash() { export default function Splash() {
@ -39,17 +39,30 @@ export default function Splash() {
return ( return (
<View style={styles.container}> <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>Camera Permission: {cameraPermissionStatus}</Text>
<Text>Microphone Permission: {microphonePermissionStatus}</Text> <Text>Camera Permission: {microphonePermissionStatus}</Text>
</View> </View>
); );
} }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
welcome: {
fontSize: 38,
fontWeight: 'bold',
maxWidth: '80%',
},
banner: {
position: 'absolute',
opacity: 0.4,
bottom: 0,
left: 0,
},
container: { container: {
flex: 1, flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'white', backgroundColor: 'white',
}, },
box: { box: {