@boneframework/native-components 1.0.2 → 1.0.5

package/screens/WelcomeScreen.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import {Image, ImageBackground, StyleSheet, Text, View} from "react-native";
+import {exchangeCodeAsync, makeRedirectUri, useAuthRequest} from "expo-auth-session";
+
+import Button from '@/components/Button'
+import colors from '@/config/colors'
+
+function WelcomeScreen({loginOnPress = () => {}, registerOnPress = () => {}}) {
+    return (
+        <ImageBackground blurRadius={10} style={styles.background} source={require('@/assets/background.png')} >
+            <View style={styles.logoContainer}>
+                <Image style={styles.logo} source={require('@/assets/logo.png')} />
+                <Text style={styles.tagline}>BONE FRAMEWORK</Text>
+            </View>
+            <View style={styles.buttonContainer}>
+                <Button title="login" color="primary" onPress={loginOnPress} ></Button>
+                <Button title="register" color="secondary" onPress={registerOnPress}></Button>
+            </View>
+        </ImageBackground>
+    );
+}
+const styles = StyleSheet.create({
+    background: {
+        flex: 1,
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+    },
+    logo: {
+        width: 150,
+        height: 105
+    },
+    logoContainer: {
+        position: 'absolute',
+        top: 70,
+        alignItems: "center"
+    },
+    buttonContainer: {
+        width: "100%",
+        padding: 20
+    },
+    tagline: {
+        fontSize: 50,
+        fontWeight: 'bold',
+        paddingTop: 10,
+        color: colors.white,
+        textAlign: 'center'
+    },
+});
+
+export default WelcomeScreen;

package/src/Screens.ts

@@ -1 +0,0 @@
-export default {}