TextInputはScrollViewのスクロールを防ぎます

Question

私は携帯電話の画面の高さよりも長いフォームを持っています。これは、TextInputの成分を含むScrollViewです。問題は、タッチを開始するときにTextInputにドラッグすると、ScrollViewが動かないということです。空白のスペース（コード例のView）からドラッグすると、完全にスクロールします。

TextInputが何らかの形でタッチ/ドラッグイベントを食べていると感じて、ScrollViewが対話することを許可していません。

ScrollViewは、次のようになります。

function Form() { 
    return (
     <ScrollView style={{ flex: 1, }}> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
      <View style={{ height: 150, }} /> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
      <TextInput placeholder="test" /> 
     </ScrollView> 
    ); 
} 

にはどうすればスクロール作業を行うことができますか？

更新：私は空白をスクロールし始めると、入力に触れることでスクロールし続けることができます。しかし、慣性が止まるとすぐに、私は再び入力を使ってスクロールすることができません。

Answer 1

これはReact Nativeライブラリの0.32バージョンのバグです。スクロールは0.33で期待どおりに動作します。それはthis commitによって解決されました。

Answer 2

更新：これは役立つかもしれない -

scrollview can't scroll when focus textinput react nativeはそれが<ScrollView>周り行方不明<View style={{ flex: 1 }}>ラッピングだろうか？

私はこれを試してみましたが、それは内部ビューとのTextInputコンポーネントの両方から罰金スクロール：あなたは多分全体のコードかもしれないを共有し、ビューコンポーネントからドラッグするときにスクロールすることを言っているので、

render() { 
    return (
     <View style={{ flex: 1 }}> 
      <ScrollView style={{ flex: 1 }} > 
       <TextInput placeholder="this is a textinput with height 200" style={{ borderColor: 'brown', borderWidth: 1, height: 200 }} /> 
       <TextInput placeholder="this is a textinput with height 1200" style={{ borderColor: 'brown', borderWidth: 1, height: 1200 }} /> 
       <View style={{ height: 150, backgroundColor: 'khaki' }} /> 
       <TextInput placeholder="this is a textinput with height 200" style={{ borderColor: 'brown', borderWidth: 1, height: 200 }} /> 
      </ScrollView> 
     </View> 
    ); 
} 

しかし、何かを明らかにする