question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ListView static headers & footers, grouping and unbound mode support

See original GitHub issue

I think this is a good use-case, for the following features:

  • Support unbound mode in ListView #262
  • Enable grouping on ListView #259
  • Allow ListView init by directly specifying its items without template and collection #104

Our “Expensity” application has the following design for iOS:

08 1 login

Which in iOS can easily be created using Xcode’s IB with UITableView that has Content of Static Cells. The following is a screenshot of an attempt to recreate the above design in Xcode with static cells:

login

I would expect something like the following code, to be able to recreate what is possible with Xcode’s storyboards:

<Page xmlns="http://www.nativescript.org/tns.xsd" 
      loaded="pageLoaded"
      navigatedTo="navigatedTo">
  <Page.actionBar>
    <ActionBar title="Xpensity">
      <ActionBar.actionItems>
        <ActionItem text="Sign up" tap="signup" ios.position="right" android.position="actionBar" />
      </ActionBar.actionItems>
    </ActionBar>
  </Page.actionBar>

  <ListView>
    <ListViewSection>
      <ListViewCell>
        <TextField hint="username" text="{{ username }}" />
      </ListViewCell>
      <ListViewCell>
        <TextField hint="password" text="{{ password }}" secure="true" />
      </ListViewCell>
    </ListViewSection>
    <ListViewSection>
      <ListViewCell>
        <Button text="Login" tap="login" />
      </ListViewCell>
    </ListViewSection>
    <!-- list-view footer -->
    <Button text="Forgotten password?" tap="resetpass" />
  </ListView>
</Page>

Currently the effect is achieved with a bunch of Border-s and CSS.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:26 (5 by maintainers)

github_iconTop GitHub Comments

6reactions
svzicommented, Oct 20, 2016

I would be very interested in this feature as well.

6reactions
getsetbrocommented, Nov 19, 2015

Can we get the floating headers?: gif

Read more comments on GitHub >

github_iconTop Results From Across the Web

GroupHeader in Listview with bindable and static items
I have a SfListView with an ItemTemplate in it. My idea is that there must have a GroupHeader to separate some items. Let...
Read more >
Virtualization | Blazor | ComponentOne - GrapeCity
This data virtualization technique is supported in ListView through C1DataCollection which provides C1VirtualDataCollection class for data virtualized ...
Read more >
7 Creating the ADF Mobile AMX User Interface
Defines the central area in a page that scrolls vertically between the header and footer areas. For more information, see Section 7.2.2, "How...
Read more >
Nativescript Radlistview Scroll To Bottom With Footer - ADocLib
RadListView allows for defining Header and Footer. ... ListView static headers & footers grouping and unbound mode support #524.Closed.
Read more >
Move ListView Items Between Groups in Unbound Mode
RadListView supports drag and drop behavior out of the box when using unbound mode. However, if grouping is enabled, there is not default...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found