nativescript-listview-header
TypeScript icon, indicating that this package has built-in type declarations

0.2.1 • Public • Published

Nativescript ListView header plugin.

A plugin for adding headerView i.e. tableHeaderView to ListView for iOS.

Installation

tns plugin add nativescript-listview-header

Examples

Include the plugin in your xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
        loaded="pageLoaded" 
        xmlns:tools="nativescript-listview-header">
    <tools:ListViewWithHeader items="{{items}}" loaded="onListViewLoaded" rowHeight="44">
    </tools:ListViewWithHeader>
</Page>

Set your header view in code behind

var searchBarModule = require("ui/search-bar");
exports.onListViewLoaded = function(args) {
    var listView = args.object;
    listView.tableHeaderView = new searchBarModule.SearchBar();
}

Screen shot

Package Sidebar

Install

npm i nativescript-listview-header

Weekly Downloads

0

Version

0.2.1

License

MIT

Last publish

Collaborators

  • rajivnarayana