Nativescript Gridlayout von Scroll gewickelt

Question

Ich habe eine nativescript XML-Ansicht wie folgt definiert:

<Page 
xmlns="http://schemas.nativescript.org/tns.xsd" 
xmlns:menu="components/menu" 
xmlns:header="components/header" 
loaded="loaded"> 
<header:header /> 
<StackLayout orientation="vertical"> 
<ScrollView> 
    <GridLayout rows="auto,auto,auto,auto" cols="auto,auto" > 
     <Image  row="0" colSpan="2" src="~/img/tap.png" tap="takePicture"/> 
     ... 
     <TextField row="2" col="1" horizontalAlignment="right" /> 
     <Button  row="3" colSpan="2" text="UPLOAD" /> 
    </GridLayout> 
</ScrollView> 
<menu:menu /> 
</StackLayout> 
</Page> 

Das Gridlayout zu groß ist, um in einem einzigen Bildschirm enthalten zu sein, so dass ich gewickelt es in einem Scroll. Dies funktioniert jedoch nicht: Ich kann die Seite nicht scrollen und daher sind die letzten UI-Elemente wie TextField und Button nicht verfügbar. Was mache ich falsch? Soll ich das ScrollView-Tag an einer anderen Stelle einfügen?

Answer 1

Versuchen Sie, Ihr GridLayout in einem StackLayout zu verpacken. Stellen Sie sich das Problem vor, dass es ScrollView schwer fällt, seine Scroll-Höhe zu berechnen, da GridLayout "auto" cols und rows hat.

<ScrollView> 
    <StackLayout> 
     <GridLayout rows="auto,auto,auto,auto" cols="auto,auto" > 
      <Image  row="0" colSpan="2" src="~/img/tap.png" tap="takePicture"/> 
      ... 
      <TextField row="2" col="1" horizontalAlignment="right" /> 
      <Button  row="3" colSpan="2" text="UPLOAD" /> 
     </GridLayout> 
    </StackLayout> 
</ScrollView>