問題タブ [radlistview]

こんにちは、NativeScript-Angular を使用して iOS および Android 用のアプリケーションを開発しています。プラグインListViewを使用して水平を作成しました。RadListViewすべて正常に動作しますが、iOS ではスクロール インジケーターが非表示になりません。

Android では、スクロール インジケーターは非表示でした。iOS でこの問題を解決するにはどうすればよいですか?

私のHTMLファイル：

同じページに複数の RadListView が必要です。NativeScript Angular を使用しています

各リストのアイテム数はわかりません。アイテムに含まれるテキストの量によって、アイテムのサイズが大きく異なる場合があります。

いわば、3 つの RadLists を重ね合わせる必要があります。最初の RadList には 3 つのアイテム、次の 72 のアイテム、最後の 9 つのアイテムがあります。各リストがそのコンテンツが要求する高さになるようにしたいので、長さに関係なく、それらを重ねて表示できます。

Android では、これは魔法のように機能します。各 radlistview は、アイテムを表示するのに必要な高さを正確に占有し、その直後に次の radlistview を生成します。

一方、iOS では大きく異なります。RadListView 自体の高さを設定しないと、単に表示されません。

GridLayout 内に 2 つの RadListViews があり、row="150, 150" または rows="*,*" のような絶対値を行に与えると、指定された値が許す限り多くのリストが表示されますが、必要です各リストの高さがわからず、すべての項目を表示したいので、rows="auto, auto" にします。

RadListView で高さを直接設定することもできますが、高さはわかりません。

RadListView に直接 height="100%" を設定しても、絶対的な親の高さを設定できないため、問題は解決しません。

これはまったく可能ですか、それとも高さプロパティの数値を計算する必要がありますか (これは本当にやりたくないことです)

繰り返しますが、問題は iOS デバイスにのみ存在します。

ObservableArray の非同期性が役割を果たしている可能性があると考えたため、dataItem を ObservableArray とオブジェクト型の単純な配列 name[] の両方としてフィードしようとしましたが、問題ではありません。テキストを入力することもできます。の代わりに like の定数を持つプロパティ。それでも、行または RadListView 自体に高さが設定されていない場合、何も表示されません。

よろしく

angular NativeScriptの車の詳細の例を取り上げ、車のリストを垂直ではなく水平にスクロールしようとしています。指定された html のほとんどを削除し、残りの html で水平スクロール リストを作成することを目指しています。

問題は RadListView かもしれないと思いますが、対処方法がわかりません。これまでのところ、どこでも orientation="horizo​​ntal" を試し、いくつかのレイアウト タイプも変更しました。NativeScipt ソースが動作すると言ったので、RadListView で orientation="vertical" も試しました... 私は Nativescript に非常に慣れていないので、何も見つからなかったので、これが簡単な修正であることを願っていますそれは助けになるでしょう。

これが私のプロジェクトのhtml部分です。全体が水平方向の StackLayout にカプセル化されます。他に何か見たい場合はお知らせください。

現在、どこにでもすべての水平方向のリストがありますが、各項目が車の名前と車の写真である垂直方向のリストが表示されます。しかし、次の各項目を下ではなく右に配置したいと思います。

問題：

いくつかのアイテムをグリッドに表示する必要がある angular-nativescript アプリがあります。私は RadListView を使用してリストをレンダリングしていますが、この数か月にわたって角度、{N}、およびその他のライブラリの依存関係をアップグレードした後、アイテムの RadListView レンダリングが耐えられないほど遅くなったことに気付きました。複数の「タブ」があるので、さまざまな種類のアイテムを表示できます。「タブ」を切り替えるたびに、新しい時間でリストを完全に再レンダリングする必要があります。いくつかのアップグレード (アプリのパフォーマンスが向上することを望んでいた) を行う前は、100 個以上のアイテムをレンダリングする場合でも、タブの切り替えに大きな遅延はありませんでした。現在、24 をロードするのに数秒かかります (速度を上げるためにスクロール時に動的レンダリングに切り替えましたが、十分ではありません)。

プラットフォーム情報:

• ios (tns ios 5.2.0、5.3.1) [Angular 7]
• nativescript-ui-listview: 6.1.0
• nativescript-ui-コア: 2.0.1
• nativescript-ui-sidedrawer: 6.0.0
• CLI: 5.3.1
• クロスプラットフォーム モジュール: 5.3.1
• ランタイム: tns-ios 5.3.1

この問題は、RadListView 内にネストされた構造を持つことに関連しているようです。元のコード ({N} の古いバージョン、Angular、nativescript-ui:

RadListView レンダリングが速度低下の原因であることを確認するための概念実証として、アイテムの名前が埋め込まれた単一のラベルで試してみましたが、レンダリングはほぼ瞬時に行われました。 RadListView が StackLayout、GridLayout などのサブアイテムをレンダリングする方法。また、GridLayout を DockLayout に置き換え、角度のある *ngIfs と *ngClasses (および Image タグを削除) をすべて削除して、パフォーマンスが向上するかどうかを確認しましたが、効果がないように見えました。24個のアイテムをロードするのはまだ非常に遅い. (項目数が少ないと読み込みが大幅に増加しますが、最初は 24 個未満を表示することはできません)

何か案は？angular および nativescript の依存関係をダウングレードする必要はありません。

itemSelectingNativescript angular RadListViewhttps://docs.nativescript.org/ns-ui-api-reference/classes/radlistview#itemselectingで実装する方法の例を示すリンクを知っている人はいますか?

例が見つからないからです。ありがとうございました。