Advertisement
ANIKI12

login layout

Sep 10th, 2019
395
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from 'react';
  2. import { View, Text,ImageBackground,TextInput } from 'react-native';
  3. import { Input,Avatar,AvatarProps, Button } from 'react-native-ui-kitten';
  4.  
  5. class Login extends Component {
  6.   constructor(props) {
  7.     super(props);
  8.     this.state = {
  9.     };
  10.   }
  11.  
  12.   render() {
  13.     return (
  14.       <View style={{flex:1}}>
  15.         <ImageBackground
  16.         resizeMode='stretch'
  17.         style={{flex:1,justifyContent:'center',alignItems:'center'}}
  18.         source={{uri : "https://melaniepfeffer.files.wordpress.com/2012/09/img_05461.jpg"}}>
  19.  
  20.           {/* Container */}
  21.           <View>
  22.  
  23.             <Avatar
  24.               source={{uri: 'data:image/jpeg;base64,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'}}
  25.               size='giant'
  26.               shape='rounded'
  27.               style={{alignSelf:'center',marginBottom:'20%'}}
  28.             />
  29.             <Input placeholder="username" style={{width:'75%',marginTop:'2%'}}/>
  30.             <Input placeholder="password" style={{width:'75%',marginTop:'2%'}}/>
  31.            
  32.           </View>
  33.           <Button size="giant" style={{width:'75%',position:'absolute',bottom:40}}>Login</Button>
  34.           <Text style={{color:'white',textAlign:'center',alignSelf:'center',bottom:10,position:'absolute'}}>Do not have an account ? Register Here</Text>
  35.         </ImageBackground>
  36.       </View>
  37.     );
  38.   }
  39. }
  40.  
  41. export default Login;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement