NativeScript / NativeScript/plugins
[nativescript-ui-listview] Upgrade from 10.0.0.1 to 14.2.4 breaks my list
Aberta
Ninguém assumiu esta issue ainda.
- Linguagem predominante
- TypeScript
- Estrelas
- 206
- Forks
- 123
- Merge médio
- 2d 1h
- PRs com merge (30d)
- 1
Descrição
This only happens on iOS. Android is fine. Items overlap after the upgrade.
On v10:

On v14

and the relevant code (note the issue occurs in the "pot" template):
<lv:RadListView class='event-list' row="1" height="100%" items="{{ list }}" itemTemplateSelector="{{ templateSelector }}">
<lv:RadListView.listViewLayout>
<lv:ListViewLinearLayout scrollDirection="Vertical" />
</lv:RadListView.listViewLayout>
<lv:RadListView.itemTemplates>
<template key="promotion">
<StackLayout class='promotion'>
<Label text="{{ title }}" class='title' textWrap='true' />
<Label text="{{ description }}" class='description' textWrap='true' />
</StackLayout>
</template>
<template key="event">
<StackLayout class="event">
<Label col="1" class="event-name" textWrap="true">
<FormattedString>
<Span text="{{name}}" />
<Span text=" - " />
<Span text="{{ humanDate(date) }}" />
</FormattedString>
</Label>
<Label text="{{ 'Caller: ' + caller}}" class="event-caller" textWrap="true" />
<Label text="{{times}}" class="event-times" textWrap="true" />
<Label text="{{ other }}" class="event-other" visibility="{{ other ? 'visible' : 'collapsed' }}" textWrap="true" />
</StackLayout>
</template>
<template key="pot">
<StackLayout class="pot">
<Label text="{{name}}" textWrap="true" />
<Label class="playoff" textWrap="true" visibility="{{ playoffDate ? 'visible' : 'collapsed' }}">
<FormattedString>
<span text="Playoff: " />
<span text="{{ humanDate(playoffDate) }}" />
<span text="{{ ' ' + playoffEvent }}" />
<span text="{{ formatPlayoffPrize(playoffPrize) }}" />
</FormattedString>
</Label>
<Label class="info" text="{{info}}" textWrap="true" visibility="{{ info ? 'visible' : 'collapsed' }}" />
<FlexboxLayout flexDirection="row" width="100%" justifyContent="space-between">
<Repeater items="{{balls}}">
<Repeater.itemsLayout>
<StackLayout orientation="horizontal" />
</Repeater.itemsLayout>
<Repeater.itemTemplate>
<Image src="{{ `~/assets/images/balls-lettered/` + $value + `.png` }}" margin="10" height="50" visibility="{{ $value != '0' ? 'visible' : 'collapsed' }}" />
</Repeater.itemTemplate>
</Repeater>
<Label textAlignment="right" verticalAlignment="bottom" textWrap="true">
<FormattedString>
<Span text="{{numbers ? 'in ' + numbers + '#s or less ': ''}}" textWrap="true" textAlignment="right" />
<Span text="{{formatPrize(prize)}}" textAlignment="right" />
</FormattedString>
</Label>
</FlexboxLayout>
</StackLayout>
</template>
</lv:RadListView.itemTemplates>
</lv:RadListView>
Guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Direção de pesquisa
Comece com a marcação RadListView fornecida e o template de item pot e, em seguida, reproduza a sobreposição no iOS comparando as versões 10.0.0.1 e 14.2.4. Rastreie o layout da lista e o comportamento de dimensionamento dos itens; o trabalho estará concluído quando os itens pot não se sobrepuserem mais no iOS, enquanto o comportamento existente no Android permanecer intacto.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- ios, typescript
- Domínio
- frontend, mobile
- Tipo de issue
- Bug
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Status de atividade
- Estagnada
- Clareza
- Precisa de esclarecimento
- Facilidade para iniciantes
- 30/100