NativeScript Scroll Listview mit Titel

Ich habe diesen Code in main-page.xml:NativeScript Scroll Listview mit Titel

<GridLayout rows="auto, *"> 

    <Label text="Title" class="title" row="0" /> 

    <ListView id="listView" items="{{ listItems }}" row="1"> 

    <ListView.itemTemplate> 
     <StackLayout> 
     <Button text="{{ name }}" tap="dd" /> 
     </StackLayout> 
    </ListView.itemTemplate> 

    </ListView> 

</GridLayout>

Als ich den Titel-Stick nach oben scrollen (bleiben und sich nicht bewegen), gibt es einen Weg, es normal zu machen?

Quelle

2016-07-22 kayne

der Rest der Elemente unter dem Titel Scrollen? Ist die Anzahl der Elemente länger als der Bildschirm Ihres Testgeräts? – zJorge

Ja, die Elemente blättern unter dem Titel und Ja die Anzahl der Elemente länger als der Bildschirm des Geräts. – kayne

Ich denke, das ist das erwartete Verhalten. Fügen Sie einen weiteren Titel- und Listensatz hinzu und scrollen Sie, um zu sehen, was passiert. Es sollte ähnlich dem sein, was Sie sehen, wenn Sie Ihren Instagram-Feed nach unten scrollen, der Autor bleibt oben, solange der angezeigte Inhalt zu diesem Autor gehört. – zJorge

fand ich eine sauberere Lösung mit: https://docs.nativescript.org/cookbook/ui/repeater

<ScrollView> 

    <StackLayout> 

    <Label text="Title" class="title" /> 

    <Repeater id="listItems" items="{{ listItems }}"> 

     <Repeater.itemTemplate> 
     <StackLayout> 
      <Button text="{{ name }}" tap="loadGuide" /> 
     </StackLayout> 
     </Repeater.itemTemplate> 

    </Repeater> 

</StackLayout>

Quelle

2016-07-24 11:17:59 kayne

Dies ist definitiv das erwartete Verhalten beim Platzieren eines Labels in einer Zeile eines GridLayout, das auf festgelegt ist. Was Sie erreichen möchten, kann getan werden, erfordert aber zusätzliche Implementierungen wie diese (No boring ActionBar) Android-Bibliothek von Drittanbietern. Was Sie tun können, ist entweder das gleiche mit reinem JavaScript/TypScript direkt in Ihrer App zu implementieren (indem Sie die Größe des ActionBar verwalten) oder ein custom NativeScript plugin erstellen, das die erwähnte Android-Bibliothek verwendet.

Eine der vielen Schönheiten von NativeScript ist, dass 100% der nativen iOS- und Android-APIs zugänglich sind, was bedeutet, dass alles, was in einer nativen iOS- oder Android-App erreicht werden kann, in {N} erreichbar ist.

Quelle

2016-07-24 08:36:41

NativeScript Scroll Listview mit Titel

Antwort

Verwandte Themen