web-dev-qa-db-ja.com

Reactネイティブ入力コンポーネントは多くの数値を取ります

React-Nativeプロジェクトでは、Native Baseからの入力コンポーネントがあり、このコンポーネントで0〜9の数値のみを取得し、このフィールドにデフォルト値を指定したいのですが、この問題に関する他の質問を探しましたが、おそらくそれらはわかりません。答えは「textInput」コンポーネントに対するものですか、それともどういうわけか提案がうまくいきませんでしたか？手伝ってくれませんか。

validationreact-nativenumericinput-field
8
Ali Zeynalov

使ってみてください

keyboardType="numeric"

ソース

9
Muhammad Rosyid

私はあなたの問題をつかみます。テキスト入力が数値のみを取るための属性がありません。しかし、これには2つの方法があります。最初の方法では、数値を取得するためのコードを作成する必要があります。これはハックですが、使用できます。コードは次のとおりです。

        <TextInput 
          style={styles.textInput}
          keyboardType = 'numeric'
          onChangeText = {(text)=> this.onChanged(text)}
          value = {this.state.myNumber}
        /> 

        onTextChanged(text) {
          // code to remove non-numeric characters from text
          this.setState({myNumber: text})
        }

2番目の方法ではこれを使用します：

4
Anuj Kumar
keyboardType="number-pad"

ソースを参照 https://facebook.github.io/react-native/docs/textinput.html#keyboardtype

1
user1941489