ListView on Nativescript + Angular занимает только половину вертикального экрана. Использование симулятора Iphone - PullRequest
Новая
       8

ListView on Nativescript + Angular занимает только половину вертикального экрана. Использование симулятора Iphone

0 голосов
/ 07 января 2019

У меня есть список под actionBar, который, кажется, занимает только половину экрана по вертикали. Список прокручивается в пределах половины экрана. 

<StackLayout orientation="vertical" height="100%">
    <ActionBar class="action-bar">
        <NavigationButton visibility="collapsed"></NavigationButton>
        <GridLayout columns="auto,*,auto" height="100%" width="100%">
            <Label col="0" text="&#xf0c9;" class="fa" (tap)="onDrawerButtonTap()"></Label>
            <Label col="1" text="Menu" class="action-bar-title"></Label>
        </GridLayout>
    </ActionBar>
    <!-- <ScrollView orientation="vertical"> -->
        <ListView [items]="restaurant_menu" class="list-group">
                <ng-template let-item="item" let-i="index">
                    <StackLayout orientation="vertical" class="list-group-item">
                        <Label [text]="item.name"></Label>
                        <GridLayout columns="*,auto,auto,auto" rows="auto" orientation="horizontal" class="list-group-item">
                            <Label [text]="'Rs. '+item.price" col="0" row="0" verticalAlignment="top"></Label>
                            <Label *ngIf="order && order[item.name]>0" text="-" col="1" row="0" verticalAlignment="top" horizontalAlignment="right"></Label>
                            <Label *ngIf="order && order[item.name]>0" [text]="order[item.name]" col="1" row="0" verticalAlignment="top" horizontalAlignment="right"></Label>
                            <Label (tap)="build_order(item.name, '+')" text="+" col="1" row="0" verticalAlignment="top" horizontalAlignment="right"></Label>
                        </GridLayout>
                    </StackLayout>
                </ng-template>
            </ListView> 
    <!-- </ScrollView> -->
</StackLayout>

установка высоты на 100% не меняет результат. Что мне не хватает? Я использую native-core-theme и никаких изменений css, которые определяют высоту.

1 Ответ

0 голосов
/ 07 января 2019

Попробуйте удалить StackLayout над ActionBar. ActionBar должен быть частью экземпляра Page или просто на корневом уровне в случае {N} Angular. ListView может быть расположен чуть ниже него, вам не нужен StackLayout, чтобы обернуть их.

...