1

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

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

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

<RadListView orientation="horizontal" [items]="cars" (itemTap)="onCarItemTap($event)" >

    <ng-template tkListItemTemplate let-car="item" >

            <StackLayout orientation="horizontal">

                    <GridLayout rows="*, *, *" columns="*, *"  backgroundColor="purple">
                        <Label [text]="car.name" class="text-primary font-weight-bold"></Label>

                        <Image row="2" [src]="car.imageUrl" stretch="aspectFill" height="120" class="m-r-20"></Image>
                    </GridLayout>

            </StackLayout>

    </ng-template>

</RadListView>

<ActivityIndicator [busy]="Loading"></ActivityIndicator>

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

4

1 に答える 1