Scroll View vista interna non funziona reagiscono nativo

Question

Qui sto provando un semplice codice, ma la vista di scorrimento non funziona Se mantenuto all'interno di un altro view.Code è come questo:

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

    <ScrollView> 

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

     </ScrollView> 

    </View> 
); 

Ma se vista di scorrimento mantenuto come genitore Vista funziona perfectly.Code è come qui sotto:

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



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



    </ScrollView> 
); 

Ora il problema è che non voglio che la mia barra degli strumenti per scorrere verso l'alto e verso il basso, voglio solo il contenuto al di sotto della barra degli strumenti per move.How posso raggiungere questo obiettivo ?

E la prossima domanda: la vista di scorrimento deve essere vista padre per tornare al lavoro?

Qualsiasi aiuto sarà utile. Grazie.

Answer 1

si dovrebbe avvolgere barra degli strumenti in vista in questo modo:

<View><Toolbar/></View> 

Wrap quelli componente che si desidera scorrere all'interno ScrollView come:

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

E fornire flex per sradicare Vedi come:

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

Infine, il codice verrà eseguito come previsto.

Answer 2

Top <View> mosto ha stile flex:1, e anche <ScrollView> ha troppo

Answer 3

Utilizzare la flexGrow immobile nello stile, non ha ancora flex ha lavorato per me.

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