2017-07-27 6 views
1

私はただTextInputを配置しましたKeyboardType ={"numeric"}天気のユーザーを検索しようとしているときに、私はevent.preventDefault()のOnChange first.LaterでonKeyPressを試しましたが、onKeyPressはtrigerringではありませんでした。タイプは警告を示します。Synthetic Eventパフォーマンスの問題。ネイティブのonKeyPressに反応しませんか?

人が私を助けます。

+0

がどのプラットフォーム上でテストしていますか? –

+0

あなたはAndroidエミュレータでテストしていますか? –

+0

Andriodモバイルolyの – saiRam89

答えて

3

onKeyPress方法がiOSのためであるのに対し、あなたはあなたがテキストの変更のためonChangeTextを使用することができ、同じ

ためdocumentationをチェックし、アンドロイド携帯でテストしています。

例:このような

<TextInput 
    onChangeText={(text) => this.onFirstNameText(text)} 
    returnKeyType={'next'} 
    underlineColorAndroid='transparent' 
    style={styles.inputColLeft} 
/> 
+0

いいえ次に、event.preventDefault()にアクセスする方法 – saiRam89

+0

まだ使用されていませんが、それが必要ですか?あなたが確認できる番号を検証するには、https://stackoverflow.com/questions/32946793/react -native-textinput-that-only-accepts-numeric-characters –

1

使用onChangeText:

<TextInput onChangeText = {(text) => this.getPhone(text)} keyboardType="numeric" autoCapitalize="none" autoCorrect={false} onSubmitEditing={() => this.addressInput.focus()} style={styles.input} placeholder="phone" placeholderTextColor="rgba(255,255,255,0.6)" underlineColorAndroid="rgba(0,0,0,0.0)" returnKeyType="next"/> 

getPhone = (text) => { 
     this.setState({phone: text}) 
     //use your logic here 

    } 
関連する問題