2016-12-12 17 views
1

私は6つのテキスト入力フィールドを持っています。そして、テキスト入力フィールドをクリックすると、最初にテキスト入力フィールドが閉じて、再度同じ入力フィールドをクリックしなければなりません。次のテキスト入力フィールドに移る反応ネイティブのキーボードを閉じない

returnKeyType="next"を使用せずに次の入力フィールドに切り替える方法があります。入力フィールドに切り替えるだけで、キーボードは開いたままになります。ここ

は私のテキスト入力フィールドコードです:

<View style={styles.inputContainer}> 
       <TextInput 
       ref='fname' 
       autoCorrect={false} 
       placeholder="First Name" 
       style={styles.textInput} 
       placeholderTextColor='#848484' 
       autoCapitalize='words' 
       maxLength={20} 
       onFocus={()=>context._handleScrollView(ReactNative.findNodeHandle(context.refs.fname))} 
       onBlur={()=>context._resetScrollView(ReactNative.findNodeHandle(context.refs.fname))} 
       onChangeText={(fname) => context.setState({fname: fname.capitalizeFirstLetter()})} /> 
      </View> 

私はこの問題を克服するために追加する必要がありますどのようなプロパティやいくつかのメソッドや関数?

答えて

2

おそらくスクロールの内側にあります。スクロールビューコンポーネントにkeyboardShouldPersistTapsを追加する必要があります。

falseにすると、キーボードが上がっているときにフォーカスのあるテキスト入力の外側をタップすると、キーボードが閉じられます。 trueの場合、キーボードは自動的に閉じず、スクロールビューはタップをキャッチしませんが、スクロールビューの子はタップをキャッチできます。デフォルト値はfalseです。

<ScrollView 
    keyboardShouldPersistTaps 
    ... 
> 
関連する問題