Scroll-Ansicht Innenansicht funktioniert nicht reagieren nativer

Question

Hier habe ich einen einfachen Code versuche aber die Scroll-Ansicht funktioniert nicht, wenn in einem anderen view.Code gehalten ist wie folgt:

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

    <ScrollView> 

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

     </ScrollView> 

    </View> 
); 

Aber wenn Scroll-Ansicht als Eltern gehalten sieht es funktioniert perfectly.Code ist wie folgt:

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



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



    </ScrollView> 
); 

Nun das Problem ist, ich will nicht meine Toolbar ich will, nach unten nur um den Inhalt unter der Symbolleiste move.How kann ich erreichen, um nach oben und ?

Und nächste Frage: Muss Bildlaufansicht Eltern sein, um zur Arbeit zurückzukehren?

Jede Hilfe wird hilfreich sein. Vielen Dank.

Answer 1

sollten Sie Symbolleiste in Ansicht wie diese wickeln:

<View><Toolbar/></View> 

Wrap jene Komponente, die Sie innerhalb Scroll blättern wollen wie:

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

und Flex bieten Blick als root:

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

Schließlich wird Ihr Code wie erwartet ausgeführt.

Answer 2

Top <View> Most hat Stil flex:1, und auch <ScrollView> hat auch

Answer 3

Verwenden Sie die Eigenschaft flexGrow im Stil, flex nur knapp sein Ziel für mich gearbeitet.

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