import React from 'react'; import {View, Text, TextInput} from 'react-native'; import {HEIGHTXD, WIDTHXD, getFontXD} from '../../Config/Functions'; import R from '../../assets/R'; import {toPriceVnd} from '../../Config/Functions'; const TextMoney = (props) => { const { title, onChangeText, maxLength, value, editable, titleStyle, inputStyle, } = props; return ( <View style={{marginVertical: 5}}> <Text style={[ { fontSize: getFontXD(42), color: R.colors.color777, marginBottom: 5, }, titleStyle && titleStyle, ]}> {title ? title : ''} </Text> <TextInput maxLength={maxLength ? maxLength : 256} placeholderTextColor={R.colors.placeHolder} editable={editable != null ? editable : true} autoCapitalize="none" value={toPriceVnd(value)} keyboardType={'number-pad'} onChangeText={(val) => onChangeText(val.split(',').join(''))} style={[ { height: HEIGHTXD(109), color: 'black', borderRadius: 7, borderWidth: 0.7, borderColor: '#DBDBDB', fontSize: getFontXD(42), paddingVertical: 5, paddingHorizontal: 10, backgroundColor: 'white', shadowColor: '#AFA9A9', shadowOffset: { width: 0, height: 1, }, shadowOpacity: 0.25, shadowRadius: 1.84, elevation: 1, }, inputStyle && inputStyle, ]} /> </View> ); }; export default React.memo(TextMoney);