Как показать RadListView на iOS - PullRequest
Новая
       19

Как показать RadListView на iOS

0 голосов
/ 26 сентября 2018

У меня есть следующий код: 

<GridLayout row="7" col="0" colSpan="3" rows="*" cols="*">
     <RadListView [items]="sourcesOptions" height="100%">
           <ng-template tkListItemTemplate let-item="item">
                 <StackLayout orientation="horizontal">
                       <Switch [checked]="true" class="switch"></Switch>
                       <Label [text]="item.label" textWrap="true" marginTop="15"></Label>
                 </StackLayout>
           </ng-template>
           <ListViewGridLayout tkListViewLayout itemHeight="200" scrollDirection="Vertical" spanCount="2"></ListViewGridLayout>
     </RadListView>
</GridLayout>

Он работает на Android, но на iOS ничего не показывает.

Примечание

Я не знаю, может ли это быть связано с проблемой, но я получаю предметы из службы отдыха.

Любая помощь приветствуется !!

Ответы [ 3 ]

0 голосов
/ 26 сентября 2018

Вы не предоставили определение rows или columns для вашего GridLayout.RadListView, скорее всего, появится, если вы сделаете: 

<GridLayout row="7" col="0" colSpan="3" rows="*" columns="*">
0 голосов
/ 27 сентября 2018

Проблема была с высотой, когда элементы асинхронны, в этом случае мне нужно было вручную установить высоту для родительского макета компонента RadListView (в моем случае это GridLayout).

Это не такесли я установил высоту в процентах (100%), это должно было быть фиксированное число, это было очень неудобно, потому что количество элементов не всегда одинаково, поэтому я создал функцию для установки высоты в соответствии с числомполученные элементы.

Это код, который исправил проблему: 

<GridLayout row="7" col="0" colSpan="3" rows="*" cols="*" [height]="setHeight()">
     <RadListView [items]="sourcesOptions">
          <ng-template tkListItemTemplate let-item="item">
               <StackLayout orientation="horizontal">
                    <Switch [checked]="true" class="switch"></Switch>
                    <Label [text]="item.label" textWrap="true" marginTop="15"></Label>
               </StackLayout>
          </ng-template>
          <ListViewGridLayout tkListViewLayout itemHeight="70" scrollDirection="Vertical" spanCount="2"></ListViewGridLayout>
     </RadListView>
</GridLayout>
0 голосов
/ 26 сентября 2018

Попробуйте значение высоты для компонента RLV, например height="100%", чтобы он заполнил родительский элемент.iOS не делает автоматические макеты так же, как Android, поэтому вы сталкиваетесь с этим:)

...