Использование примера ListViewGridLayout, который работает - PullRequest
Новая
       6

Использование примера ListViewGridLayout, который работает

0 голосов
/ 24 апреля 2019

Я просмотрел весь Интернет, но не могу найти пример Nativescript ListViewGridLayout, который работает.Кажется, что все устарели, и они используют RadListView вместо ListView.

Я пытался telerik / nativescript-ui-samples-angular , Глубокое погружение в ListView пользовательского интерфейса NativeScript.и даже видел Есть ли способ отобразить сетку изображений с галочкой Изображения в Nativescript Angular? но все не работают.

Вот один из примеров: Код TS: 

filesToUpload = ["/storage/emulated/0/DCIM/Camera/NSIMG_20190424_13156.jpg",
      "/storage/emulated/0/DCIM/Camera/NSIMG_20190424_131538.jpg",
      "/storage/emulated/0/DCIM/Camera/NSIMG_20190423_225735.jpg",
      "/storage/emulated/0/DCIM/Camera/NSIMG_20190423_22571.jpg"];

HTML: 

    <GridLayout tkExampleTitle tkToggleNavButton columns="*">
        <RadListView [items]="filesToUpload">
            <ng-template tkListItemTemplate let-item="item">
                <StackLayout class="garmentGrid" class="m-x-4">
                    <Image [src]="item" height="200"></Image>
                    <Progress [value]="imageUploadProgressValue[filesToUpload]" (valueChanged)="onValueChanged($event)" maxValue="100" class="">
                    </Progress>
                </StackLayout>
            </ng-template>
            <ListViewGridLayout tkListViewLayout ios:itemHeight="200" spanCount="3"></ListViewGridLayout>
        </RadListView>
    </GridLayout>
...