React Native、キーボードを閉じずにタップできない

Here is my phone screen keyboardShouldPersistTapsでScrollViewを試しましたが、うまくいきませんでした。私はAutocompleteの提案のためのScrollViewを持っていて、ユーザーがそこに入力できるとき、彼はまた提案から選択する必要があります。しかし、キーボードを閉じることなく、私の場合は不可能です。ここに私の仕事ですReact Native、キーボードを閉じずにタップできない

 <ScrollView 
       scrollEnabled={false} 
       keyboardShouldPersistTaps={true}> 

      <View style={{ maxHeight: 220 }}> 
       <ScrollView style={Style.suggestionContainer} 
         scrollEnabled={true} >   

         {this.state.showOptions.map(this.renderSuggestions)} 
       </ScrollView> 
      </View> 
     </ScrollView> 
     . 
     . 
     . 


     private renderSuggestions(option: MultiInputQuestionOption) { 
      return (
      <TouchableOpacity onPress={this.addSelection.bind(this, option)} > 
       <Text style={Style.suggestions}> 
        {option[this.props.titleKey]} 
       </Text> 
      </TouchableOpacity > 
      ) 
     }

可能な解決法はありますか？

出典

2017-08-15 EmreG

なぜ2つのスクロールビューコンポーネントがありますか？ちょうど1つで試してください – Raymond

このバグの運が良かったですか？ – nikasv

keyboardShouldPersistTaps={'always'} を2番目のScrollViewに追加してみてください。

出典

2017-08-15 15:26:56

答えてくれてありがとうございましたが、うまくいきませんでした。 – EmreG

スクリーンショットをアップロードできるので、あなたが習得しようとしているものをよく見てみましょうか？ –

質問を編集し、スクリーンショットを追加しました。私はオートコンプリート・コンポーネントを持っています。私のコア画面には、上部にボタンがあります。そのボタンを押すと、モーダルが開き、その画面が表示されます。モーダルでは、TextInputコンポーネントに書き込むことができます。いくつかの入力後に、テキスト入力の下にある提案を表示して選択することができます。キーボードを無効にしないで提案を選択したいと思います。 TouchableOpacitiedのテキストをタップすると、キーボードはそこにとどまるはずです。 – EmreG

trueの値は非推奨であるため、keyboardShouldPersistTapsプロパティの値には'handled'を使用してください。 2つのScrollViewでkeyboardShouldPersistTapsを使用し、Keyboard.dismiss()機能を使用してキーボードの状態を他の場所で処理します。

出典

2017-08-15 20:53:03

React Native、キーボードを閉じずにタップできない

答えて

関連する問題