ben basit bir kod çalışıyorum ancak başka view.Code içinde bırakıldığı sürece kaydırma görünümü çalışmıyor İşte

Question

yerli böyledir tepki: kaydırma görünümü ebeveyn olarak tutulan

return(
    <View> 
    <Toolbar title={this.props.title}> 
    </Toolbar> 

    <ScrollView> 

     <HomeScreenTop /> 
     <HomeScreenBottom navigator={navigator}/> 

     </ScrollView> 

    </View> 
); 

Ama eğer

o perfectly.Code aşağıdaki gibidir çalışır bakın:

return(
    <ScrollView> 
    <Toolbar title={this.props.title}> 
    </Toolbar> 



     <HomeScreenTop /> 
     <HomeScreenBottom navigator={navigator}/> 



    </ScrollView> 
); 

Şimdi problem benim araç çubuğu yukarı ve aşağı, ben sadece o move.How için araç çubuğunun altında içeriğini elde edebilirsiniz istiyoruz istemiyorum ?

Ve sonraki soru: Kaydırma görünümü çalışmak için döndürülecek ebeveyn görünümü olmalı mı?

Herhangi bir yardım size yardımcı olacaktır. Teşekkürler.

Answer 1

böyle görünümünde araç çubuğunu kaydırmak gerekir:

<View><Toolbar/></View> 

Wrap siz Scrollview içine kaydırmak isteyen bileşen:

<ScrollView>your expected components...</ScrollView> 

Ve görünümü kökünü esnek sağlar:

<View style={{flex:1}}> 

Sonunda kodunuz beklediğiniz gibi çalışacaktır.

Answer 2

En <View> zorunluluk tarzı flex:1 vardır ve ayrıca <ScrollView> tarzında mülkiyet flexGrow, flex daha hiç benim için çalıştı çok

Answer 3

kullanın vardır.

<ScrollView contentContainerStyle={{ flexGrow: 1 }}> 
    ... 
</ScrollView>