Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import Login from './Login';
- export default class Perfilextends Component {
- constructor(props) {
- super(props);
- this.state = {
- username: '',
- password: '',
- }
- }
- render() {
- return (
- <KeyboardAvoidingView behavior="padding" style={estilos.contenedor}>
- <ImageBackground source={require('../assets/img/fondo_pantalla.jpg')} style={estilos.FondoLogin} >
- <Image style={{width: winSize.width - 80, height: 100, marginTop: 100 }} source={require('../assets/img/logo_login.png')} resizeMode="contain"/>
- <View style={{width: winSize.width - 70}}>
- <Form>
- <Item floatingLabel stackedLabel>
- <Label><Text style={estilos.textoCampos}>Matrícula:</Text></Label>
- <Input onChangeText={(username) => this.setState({username})}
- value={this.state.username} returnKeyType="next" style={{color: '#fff', marginBottom: -20}}/>
- </Item>
- <Item floatingLabel stackedLabel>
- <Label><Text style={estilos.textoCampos}>Password:</Text></Label>
- <Input onChangeText={(password) => this.setState({password})}
- value={this.state.password} secureTextEntry={true} returnKeyType="go" style={{color: '#fff', marginBottom: -20}}/>
- </Item>
- </Form>
- </View>
- <TouchableOpacity style={estilos.btnLogin} onPress={this.boton}>
- <Text style={estilos.btnText}>INICIAR SESIÓN</Text>
- </TouchableOpacity>
- </ImageBackground>
- </KeyboardAvoidingView >
- );
- }
- }
Add Comment
Please, Sign In to add comment