ネイティブtextInputに反応してくださいscrollView android

Question

私は、反応するネイティブをテストするための非常に単純なアプリケーションを作成しようとしています。

大きなScrollViewには、いくつかのTextInputコンポーネントが登録フォームとしてあります。

すべて正常に動作しますが、TextInputをスクロールするとスクロールしません。

空白をクリックするとページをスクロールすることしかできません。どのようにそれを行うかの任意のアイデア？

ありがとうございました。

<ScrollView> 
    <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/> 
    <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/> 
    <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/> 
    <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/> 
</ScrollView> 

Answer 1

これは、ネイティブの反応の仕組みです。私は、このパッケージには、あなたが、私は同じ問題を抱えていたし、しばらく無いために検索した後react-native-aware-scroll-view

Answer 2

を探している機能を提供3

]あなたは、ドキュメントを読むために招待し、Official TextInput documentationと公式ScrollViewのマニュアルを参照してください。答えは私を助けた;私は、各<TextInput>上<TouchableWithoutFeedback />を入れて<TextInput />に戻ってタッチイベントを送ることによって、それを自分で解決：

<View> 
    <TextInput ref ={(ref)=>this.textInput = ref}> 
    <TouchableWithoutFeedback style={{position: 'absolute', top:0, bottom:0, left:0, right:0}} 
    onPress={()=>this.textInput.focus()}/> 
</View> 

あなたはそのようのTextInputをラップするカスタム・コンポーネントを作成し、ScrollViewsでそれらを使用することができます。