Question

有没有办法在没有标点符号的情况下键入数字小键盘？

<TextInput keyboardType='numeric' ..... />

如果我使用secureTextEntry={true}，它会获得我想要的正确键盘，但这些值会替换为*。

所以，这就是我得到的：

这就是我想要的：

Answer 1

你试过number-pad吗？在iOS上，number-pad和numeric都适合我。

Answer 2

keyboardType = {“数字键盘”}在Android上有效。注意：我使用的是来自react-native-elements的FormInput。

Answer 3

我遇到了同样的问题。

我可以解决做这样的事情：

keyboardType={Device.isAndroid ? "numeric" : "number-pad"}

，然后从onChangeText进行方法调用：

const cleanNumber = number.replace(/[^0-9]/g, "");

this.setState({
  cleanNumber
});

它是TextInput的价值支柱

value={this.state.cleanNumber}

Answer 4

未提供反应本机keyboardType，可从键盘上删除标点符号。您需要使用带有replace方法的正则表达式从文本中删除标点符号并设置keyboardType = 'numeric'。

正则表达式

/ [-＃*;，.. <> {} [] \ /] / gi

示例代码

 onTextChanged(value) {
    // code to remove non-numeric characters from text
    this.setState({ number: value.replace(/[- #*;,.<>\{\}\[\]\\\/]/gi, '') });
  }

请检查小吃链接

https://snack.expo.io/@vishal7008/1e004c

Answer 5

Android不支持不带标点符号的A visual guide to the React Native TextInput keyboardType prop values

Answer 6

就我而言，对于 Android，我防止使用 Miguel Cardenas 示例设置任何特殊字符。

这是我所做的：

const inputRef = useRef(null);
const setRefValue = v => {
      const clean = v.replace(/[^0-9]/g, '');
      inputRef.current.value = clean;
      inputRef.current.setNativeProps({ text: clean });
    }
  };

<TextInput
   ref={inputRef}
   keyboardType={numeric}
   onChangeText={setRefValue}
/>

每次输入 TextInput 时，常量 setRefValue 都会清除特殊字符。

Answer 7

(Platform.OS === 'ios') ? 'done' : 'next' — 好点

Answer 8

请试试这个，

<TextInput 
     keyboardType = 'numeric'/>

React Native - 如何仅键入数字键盘（不带标点符号）

8 个答案: