NativeScript / NativeScript/angular

Support for NativeScript v9 sectioned ListView with Angular templates

Abierto
#158 0 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
TypeScript
Estrellas
55
Forks
13
Merge medio
16 min
PR fusionados (30 d)
1

Descripción

Is your feature request related to a problem? Please describe.
NativeScript 9 introduced native sectioned ListView support with sticky headers (Announcement). This feature is not yet supported with @nativescript/angular templates.

Describe the solution you'd like
Support for Angular templates in sectioned ListView:

<ListView sectioned="true" stickyHeader="true" [items]="sections">
  <ng-template nsTemplateKey="header" let-section>
    <Label [text]="section.title"></Label>
  </ng-template>
  <ng-template nsTemplateKey="item" let-item>
    <Label [text]="item.name"></Label>
  </ng-template>
</ListView>

Describe alternatives you've considered
Flattening sections into a single array with type discriminator and using itemTemplateSelector, but this loses native sticky header behavior.

Additional context

  • @nativescript/core: 9.x
  • @nativescript/angular: 20.0.0, 21.0.0-rc0
  • iOS / Android

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza en la integración de plantillas de ListView de @nativescript/angular y compara cómo se gestionan los valores de nsTemplateKey para las plantillas de elementos. Verifica el ejemplo de sectioned y sticky-header con NativeScript core 9.x en iOS y Android; se considera terminado cuando ambas plantillas de Angular se renderizan con encabezados de sección nativos y comportamiento de sticky-header.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend, mobile-dev
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
38/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.