Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import React, {Component} from 'react'
import {
Form, Item, Button,
Text, Label, Input, Icon
} from 'native-base'
import {StyleSheet} from 'react-native'
import {Field, reduxForm} from 'redux-form'
import {LkTextInput, LkPicker} from 'lazy-kitten-redux-form'
class LoginForm extends Component{
render(){
const {handleSubmit} = this.props
return(
<Form>
<Field component={LkTextInput} name="username" label="Username" style={{backgroundColor:'white',opacity:0.5, paddingLeft:10}} />
<Field component={LkTextInput} name="password" label="Password" style={{backgroundColor:'white',opacity:0.5,paddingLeft:10}} />
<Button style={styles.button}>
<Text>LOGIN</Text>
</Button>
</Form>
)
}
}
export default reduxForm({
form:'login',
}) (LoginForm)
const styles= StyleSheet.create({
button: {
height: 40,
width: 300,
marginTop:10,
borderColor: '#f9fafc',
borderRadius: 100,
alignSelf: 'center',
zIndex: 99,
justifyContent:'center',
alignItems:'center',
backgroundColor:"#29bc8b"
},
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.