NativeScript / NativeScript/plugins
[nativescript-ui-listview] Upgrade from 10.0.0.1 to 14.2.4 breaks my list
オープン
まだ誰も着手していません。
- 主要言語
- TypeScript
- スター
- 206
- フォーク
- 123
- 平均マージ
- 2日 1時間
- マージ済み PR(30日)
- 1
説明
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>
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
提供された RadListView のマークアップと pot item template から始め、バージョン 10.0.0.1 と 14.2.4 を比較しながら、iOS での重なりを再現します。リストのレイアウトとアイテムのサイズ決定の挙動を追跡します。iOS で pot items が重ならなくなり、既存の Android の挙動が維持されれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- ios, typescript
- 領域
- frontend, mobile
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 30/100