TextInput 在 React Native 中不显示数字

Question

i have set textinput keyboardtype to numeric but i cannot change number when i click on increment and decrement button. when i set number it disappears. it only take number with quotes how can i have number in inputtext?

  const [textval, setTextval] = useState('0');

 const handleminmax = minmax => {
if (minmax === 'min') {
  setTextval(oldval => Number(oldval) - 1);
} else if (minmax === 'max') {
  setTextval(oldval => Number(oldval) + 
1);
}
};

<Icon
    name={'caretleft'}
    size={14}
    color={'grey'}
    onPress={() => {
      handleminmax('min');
    }}
  />
<TextInput
    theme={{roundness: 10}}
    value={isEmpty(value) ? textval : textval}
    error={onerror}
    keyboardType={'numeric'}
    onBlur={onblur}
    outlineColor={'#CFCFCF'}
    secureTextEntry={secureTextEntry}
    placeholder={placeholder}
    style={[
      {
        backgroundColor: bgColor ?? '#f0f0f0',
        width: width ?? 50,
        borderColor: bc ?? 'grey',
        borderWidth: bw ?? 1,
        borderRadius: br ?? 12,
        padding: padding ?? 5,
        color: color ?? APP_SECONDARY_COLOR,
        fontWeight: fw ?? 'bold',
        textAlign: 'center',
        fontSize: 18,
      },
      StylesTextInput,
    ]}
    mode={mode ? mode : 'outlined'}
    onChangeText={onchange}
  />
<Icon
    name={'caretright'}
    size={14}
    color={'grey'}
    onPress={() => {
      handleminmax('max');
    }}

Answer 1

Try Converting the Numeric Value into String Before Displaying in Textinput Component