What is the current behavior?

It's possible to hook up custom delegate methods to handle sticky headers and auto-hiding search input but there were no declarative options to enable these features in stock ListView.

What is the new behavior?

ListView support for sticky headers, sectioned data, and a built-in search bar, along with tests and a demo page to showcase it.

<ListView 
  stickyHeader="true" 
  sectioned="true"
  stickyHeaderTopPadding="false" 
  stickyHeaderHeight="45"
  stickyHeaderTemplate="<GridLayout><Label text='{{ title }}' fontSize='18' fontWeight='bold' color='#009bff' padding='8 0 8 12' borderBottomWidth='1' borderBottomColor='#ccc' borderTopWidth='1' borderTopColor='#ccc' backgroundColor='#fff' /></GridLayout>"  
  showSearch="true" 
  searchAutoHide="true" 
  searchChange={ onSearchTextChange } />

Various flavors can wire up to ease of use options on stickyHeaderTemplate usage.

Sectioned data may be used with the following format (items can take on any shape desired):

const countries: { title: string; items: { name: string; }[] }[] = [
  {
    title: 'A',
    items: [
      {
        name: 'Antarctica',
        code: '(AQ)',
        flag: '🇦🇶',
      },			
    ],
  },
]

ListView Feature Additions

• Added new properties to ListView for sticky headers (stickyHeader, stickyHeaderTemplate, stickyHeaderHeight, stickyHeaderTopPadding), sectioned lists (sectioned), and a built-in search bar (showSearch, searchAutoHide [ios only]).

Search Event Support

• Added a new searchChange event and its corresponding SearchEventData type, allowing consumers to react to search input changes in ListView.

Testing and Demo Improvements

• Added tests for both iOS and Android in list-view-tests.ts, verifying section rendering, header binding, explicit header height, and correct header updates.
• Created a new demo page (list-page-sticky.xml and list-page-sticky.ts) to showcase the new sticky header and sectioned list features shown above.