javascript - TextInputMask 仅适用于正数

Question

在我的应用程序中，我希望用户输入 2 位数字。

<TextInputMask
      placeholder="00" 
      ref={'Text2'}
      type={'only-numbers'} 
      maxLength={2}
      style = {styles.input2}
/>

但是，用户可以按“-”(减号)。我怎样才能避免这种情况？我已经尝试添加 options={{mask : '999'}}。

Answer 1

看起来你可以做一些事情。您可以简单地忽略任何非数字输入(如果人们要粘贴值，这可能会有所帮助)，或者您可以将输入标记为无效。

这对我来说适用于忽略/吞下减号:

<TextInputMask
  placeholder="00"
  ref={'Text2'}
  type={'custom'}
  maxLength={2}
  keyboardType="numeric"
  style={styles.input}
  options={{
    mask: '99',
    translation: { '9': val => val === '-' ? null : val }
  }}
/>

它仍然允许 .，但您也可以扩展该函数来检查它。