register user input label

components/RegisterUserScreen.js

@@ -55,9 +55,12 @@ const RegisterUserScreen = () => {
         style:styles.input,
 	onChangeText:setUsername,
         value:username,
-	placeholder:"username",
 	placeholderTextColor : "#4b4a4a",
 
+	}
+	var inputHeadingProps = {
+		style: styles.inputHeading
+
 	}
 	return (
 
@@ -66,11 +69,13 @@ const RegisterUserScreen = () => {
 		<View
 		style={styles.viewRoot}>
 		<Text style={styles.heading}>Log In</Text>
-		<View style={{ flexDirection: "row", marginTop: "20%"}}>
+		<View style={{ flexDirection: "column", marginTop: "10%"}}>
-		<TextInput {...textInputProps} />
+		<Text {...inputHeadingProps}>Username </Text>
+		<TextInput {...textInputProps} placeholder="Name of the user"/>
 		</View>
-		<View style={{ flexDirection: "row", marginTop: "10%"}}>
+		<View style={{ flexDirection: "column", marginTop: "10%"}}>
-		<TextInput {...textInputProps} />
+		<Text {...inputHeadingProps}>Password</Text>
+		<TextInput {...textInputProps} placeholder="Name of the organization" />
 		</View>
 
 		<View style={{ flexDirection: "row", marginTop: "10%", justifyContent: "center"}}>
@@ -134,6 +139,13 @@ const styles = StyleSheet.create({
     color: "black",
     backgroundColor: "#c4c4c4",
   },
+inputHeading: {
+	fontSize: 25,
+    	margin: 12,
+	justifyContent: 'center',
+	fontFamily: 'Ubuntu-Bold',
+	color: '#1C254E',
+  },
 });
 
 export default RegisterUserScreen;