2017-05-21 15 views
2

textInputが多すぎるscrollViewがあります。 TextInputスタイルにtextAlign: 'right'を追加するまではすべて動作しています。その後、ScrollViewはスクロールに応答しません。この問題はちょうどアンドロイドで発生し、iOSでは期待通りに機能しています。私はあなたがScrollViewにあまりにも多くのアイテムを持っているなら、多分あなたはListViewを使用することを検討すべきであるsnack.expoAndroid:スクロールしないtextInputを含むScrollView

render() { 
    let TextInput2 = (
     <TextInput 
     style={{ 
      flex: 1, 
      textAlign: 'right', 
      height: 50 
     }} 
     placeholder="placeholder" 
     /> 
    ); 
    return (
     <ScrollView> 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     {TextInput2} 
     </ScrollView> 
    ); 
    } 

答えて

0

に簡単なコードを追加しました。私も同様の問題がありました。スクロールする項目が多すぎると、ある時点でScrollViewがAndroidで最初に失敗し始めます。私はiデバイスがレンダリングの面でより良い最適化を持っていると想定しています。

+0

あなたの答えをありがとう。問題はtextAlign:rightです。問題を示すためにこのコードを追加します。 –

1

なぜtextAlign: 'right'がそれを引き起こすのか分かりませんが、私はiosとandroid TextInputの間に大きな違いがあることに気付きました。 Androidでは、TextInputボックスがフォントサイズより小さい場合は、スクロールビューがレスポンダにならないようにスクロール可能なTextInputを内部に作成します。それぞれのTextInputの高さと幅を増やして、そうでないことを確認してください。

関連する問題