2017-08-14 9 views
0

事前に、私はクロスプラットフォームのアプリケーションにIonicを使用していました。 Angular repeatを使用すると、巨大なリストにパフォーマンスとメモリの問題がありました。巨大なリストのNativeScript virtualScroll

しかし、ionicにはvirtualRepeat(またはv1.xではcollection-repeat)という機能があります。しかし、バグが多く、使えません。

NativeScriptにこのような機能はありますか? (すべての要素をリストに残してはいけません。ユーザーがスクロールしてリストを変更すると、同じ機能が利用できます)React Nativeで利用できます。

また、私はパフォーマンスデモンストレーションのスクリーンショットビデオを撮った。最初は20項目あります。スクロールでさらに読み込むために、私は非常に巨大なリストを読み込みます。その後、結果を参照してください。

Nativescriptで

https://www.youtube.com/watch?v=220FS2SqLqI

答えて

0

最後に、私は、仮想化を使用しています。私は、このコマンドを実行した:

tns debug android 

それから私はクロームのdevのツールから構成要素を見ることができるかもしれない:

enter image description here

スクロールがそれらを変更しながら、それはほんの数の要素を使用します。

2

リストビューではなくngForまたは他の繰り返し技術を使用したいと思うでしょう、リストビューは、ビューと大きなリスト

ための還元メモリ使用量

再利用ドキュメント/他の例で
<ListView [items]="myItems"> 
    <template let-item="item"> 
     <StackLayout> 
      <Label [text]='item.name'></Label> 
     </StackLayout> 
    </template> 
</ListView> 

リンク:

https://docs.nativescript.org/angular/ui/list-view.html

関連する問題