Sofiya Tepikin
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import React from 'react'
|
|
import { KeyboardAvoidingView, StyleSheet, TextInput } from 'react-native'
|
|
import PropTypes from 'prop-types'
|
|
|
|
import { Colors, Spacing, Typography } from '../../styles'
|
|
|
|
const AppTextInput = ({ style, isKeyboardOffset, ...props }) => {
|
|
const behavior = isKeyboardOffset ? 'padding' : 'height'
|
|
const keyboardVerticalOffset = isKeyboardOffset ? 300 : 0
|
|
|
|
return (
|
|
<KeyboardAvoidingView
|
|
behavior={behavior}
|
|
keyboardVerticalOffset={keyboardVerticalOffset}
|
|
>
|
|
<TextInput style={[styles.input, style]} {...props} />
|
|
</KeyboardAvoidingView>
|
|
)
|
|
}
|
|
|
|
AppTextInput.propTypes = {
|
|
style: PropTypes.object,
|
|
isKeyboardOffset: PropTypes.bool,
|
|
}
|
|
|
|
AppTextInput.defultProps = {
|
|
isKeyboardOffset: true,
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
input: {
|
|
backgroundColor: 'white',
|
|
borderColor: Colors.grey,
|
|
borderRadius: 5,
|
|
borderStyle: 'solid',
|
|
borderWidth: 1,
|
|
color: Colors.greyDark,
|
|
marginTop: Spacing.base,
|
|
minWidth: '80%',
|
|
paddingHorizontal: Spacing.base,
|
|
paddingVertical: Spacing.tiny,
|
|
...Typography.mainText,
|
|
},
|
|
})
|
|
|
|
export default AppTextInput
|