diff --git a/mobile/Screens/appScreen.js b/mobile/Screens/appScreen.js new file mode 100644 index 0000000000000000000000000000000000000000..e65790968c760b45f281b0a4f64d80fe90999c9f --- /dev/null +++ b/mobile/Screens/appScreen.js @@ -0,0 +1,76 @@ +import React, { Component } from "react"; +import { StyleSheet, Text, View, Button, TextInput,ImageBackground,TouchableOpacity } from "react-native"; + +class HomeScreen extends Component { + signupPressed = ()=>{ + Alert.alert("Completed Sign Up") + } + + loginPressed = ()=> { + Alert.alert("Completed Login!") + } + + render() { + return ( + <ImageBackground + source={require("../images/background.jpg")} + style={styles.background} + > + <Text style={styles.text}>4PHYSIO</Text> + <TouchableOpacity + onPress={this.signupPressed} + > + <Text style={styles.signup}>Sign Up</Text> + </TouchableOpacity> + <TouchableOpacity + onPress={this.loginPressed} + > + <Text style={styles.login}>Log In</Text> + </TouchableOpacity> + </ImageBackground> + ); + } +} +const styles = StyleSheet.create({ + container: { + flex: 1, + }, + background:{ + width:"100%", + height:"100%" + }, + text: { + color: "white", + fontSize: 42, + lineHeight: 84, + fontWeight: "bold", + textAlign: "right", + backgroundColor: "#000000c0" + }, + signup: { + backgroundColor: 'white', + color: '#3A59FF', + width: "75%", + borderRadius: 25, + textAlign: 'center', + fontWeight: 'bold', + marginLeft: '11%', + padding: "2%", + fontSize: 27, + marginTop: '80%' + }, + login: { + backgroundColor: '#3A59FF', + color: 'white', + width: "75%", + borderRadius: 25, + textAlign: 'center', + fontWeight: 'bold', + marginLeft: '11%', + padding: "2%", + fontSize: 27, + marginTop: '10%' + } +}); + +export default HomeScreen; diff --git a/mobile/Screens/homeScreen.js b/mobile/Screens/homeScreen.js index c2db3536366277980b8ddd115ce5399afe5b36d7..8b137891791fe96927ad78e64b0aad7bded08bdc 100644 --- a/mobile/Screens/homeScreen.js +++ b/mobile/Screens/homeScreen.js @@ -1,64 +1 @@ -import React, { Component } from "react"; -import { StyleSheet, Text, View, Button, TextInput,ImageBackground,TouchableOpacity } from "react-native"; -class HomeScreen extends Component { - render() { - return ( - <ImageBackground - source={require("../images/background.jpg")} - style={styles.background} - > - <Text style={styles.text}>4PHYSIO</Text> - <TouchableOpacity> - <Text style={styles.signup}></Text> - </TouchableOpacity> - <TouchableOpacity> - <Text style={styles.login}></Text> - </TouchableOpacity> - </ImageBackground> - ); - } -} -const styles = StyleSheet.create({ - container: { - flex: 1, - }, - background:{ - width:"100%", - height:"100%" - }, - text: { - color: "white", - fontSize: 42, - lineHeight: 84, - fontWeight: "bold", - textAlign: "right", - backgroundColor: "#000000c0" - }, - signup: { - backgroundColor: 'white', - color: '#3A59FF', - width: "75%", - borderRadius: 25, - textAlign: 'center', - fontWeight: 'bold', - marginLeft: '11%', - padding: "2%", - fontSize: 27, - marginTop: '80%' - }, - login: { - backgroundColor: '#3A59FF', - color: 'white', - width: "75%", - borderRadius: 25, - textAlign: 'center', - fontWeight: 'bold', - marginLeft: '11%', - padding: "2%", - fontSize: 27, - marginTop: '10%' - } -}); - -export default HomeScreen;