2016-09-15 7 views
2

私はすでにそれについて調査し、この記事を見つけた:TextInputフィールドの外側をクリックするとフォーカスが失われ、反応しません。

react-native: hide keyboard

しかし、これは私のために動作しませんでした。テキスト入力フィールドの外側にある画面の部分に触れると、入力フィールドのフォーカスが失われ、キーボードが消されることを期待していました。しかし、何も起こっていない。入力時にカーソルが点滅し続けます。

以下は、私が試したコードです。私はReduxの形式のV6を使用していますのでご注意ください。

import dismissKeyboard from 'dismissKeyboard'; 

<TouchableWithoutFeedback onPress={()=> dismissKeyboard()}> 
     <View style={styles.inputWrap}> 
      <Field name="editLocation" component={TextField} /> 
      <Button onPress={handleSubmit(this.onSubmit)}>Sign In</Button> 
     </View> 
</TouchableWithoutFeedback> 

TextFieldコンポーネントでは、TextInputが含まれています。私が何か悪いことをしているかどうかはわかりません。

私はあなたがあなたのonPressが呼び出されていることを確認するためにあなたのTouchableWithoutFeedbackの寸法をチェックする必要がサムスンS6イメージで、私のサムスンのノートにGenymotionエミュレータ上で4

+1

「TouchableWithoutFeedback」の寸法が分かりますか? – rclai

+0

つまり、あなたの 'onPress'コールバックが呼び出されているかどうか知っていますか? – rclai

+0

@rclaiパーフェクト。あなたの質問にコメントしてくれてありがとう。ディメンションは本当の問題でした。ありがとう。 –

答えて

1

を、コードをテストしています。

+0

答えをもう少し詳しく教えてもらえますか?コンポーネントの寸法を確認するにはどうすればよいですか? – aviggiano

関連する問題