2017-07-27 138 views
1

我剛剛放置TextInput KeyboardType ={"numeric"}只是試圖找到天氣用戶輸入' - '如果意味着我必須在OnChange首先event.preventDefault().Later嘗試在onKeyPress但onKeyPress不trigerring,我只是試圖做到這一點,但它讓我鍵入顯示警告綜合事件性能問題。反應原生onKeyPress不工作?

夥計們幫助我。

+0

在哪個平臺正在測試?您是否正在使用Android模擬器測試 –

+0

? –

+0

Andriod沒有在移動奧利 – saiRam89

回答

3

你用Android手機的測試,而onKeyPress方法是iOS,檢查documentation爲同一

可以使用onChangeText文本的變化。

例子:

<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 - 即只-接受數字字符 –

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 

    }