ReactNative ScrollViewは下部にスクロールしません

Question

ScrollViewの一番下までスクロールしようとすると、デフォルト位置に戻り、コンテンツの全体を表示することはできません。

マイ（切り捨て）セットアップは非常に簡単です：

<View> 
    <View> 
     <ABunchOfStuff /> 
    </View> 
    <View style={styles.sectionNode} > 
     <ABunchOfStuff /> 
    </View> 
    <ScrollView> <------ My broken ScrollView :(
     <View> 
     <ABunchOfStuff /> 
     </View> 
    </ScrollView> 
    </View> 

これは私の実際のコードの簡易版です。しかし、私は、ある種の「無限の高さ」がas in this referenceにあるという結論に達しています。

私は子供のためにすべてflex: 1<View>私の<ScrollView>までの親とすべての親を持っていることを確認しようとしました。しかし、それはトリックを行うように見えませんでした。

これをデバッグする方法はありますか？私はReactNativeのウェブサイトがこれをお勧めしていることを知っていますし、それはインスペクタで行うのが簡単だと言います（しかし、それを行う方法についての指示はありません）。 「無限の高さ」の問題があるという私の前提では、どうやってこの無駄な無限のノードを見つけるのだろうか？それとも別のことですか？

Answer 1

限界高さthingyは、ScrollView自体をバインドする必要があることを意味します。 ScrollViewの高さが制限されていない場合は、コンテンツが伸びてスクロールしません。

あなただけScrollViewにheightを追加し、絶対的な高さを使用するか、またはあなたが望むものにScrollView高さを制限する方法で、フレックス使用できる上、これはそこから、どのように動作するかを確認することができます。

Answer 2

ScrollViewには、高さが固定されていることを確認する必要があります。

フレックスを使用して直接指定するのではなく、高さを設定して、すべての画面サイズで機能します。だからあなたのコードの中

<View style={{flex: 1}}> 
    <View> 
     <ABunchOfStuff /> 
    </View> 
    <View style={styles.sectionNode} > 
     <ABunchOfStuff /> 
    </View> 
    <ScrollView style={{flex:0.8}}> 
     <View> 
     <ABunchOfStuff /> 
     </View> 
    </ScrollView> 
</View> 

詳しい情報のようなものは、完全に、ちょうど親にflex: 1を置くScrollViewのうち、フレックスを取ってみネイティブdocs

Answer 3

を反応させます。それが私のトリックでした。