Skip to content
Snippets Groups Projects
Commit 0343cb69 authored by ric's avatar ric
Browse files

Merge branch 'stable' of https://github.com/Ricter22/ForPhysio_try into stable

parents 46508ebd e70be2c9
No related branches found
No related tags found
No related merge requests found
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;
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;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment