Используйте ScrollView для роутера-выхода в Nativescript с Android - PullRequest
Новая
       32

Используйте ScrollView для роутера-выхода в Nativescript с Android

0 голосов
/ 28 сентября 2019

У меня в приложении есть такой макет: 

<ActionBar background-Color="red" color="#ffffff" class="action-bar">
    <Image src="res://logo_davivienda" ></Image>
    <ActionItem ios.position="right" android.position="popup">
        <StackLayout orientation="horizontal" class="user-menu" (tap)="goProfile()">
            <Image src="res://icon_perfil_blanco" height="30%" width="20%"></Image>
            <Label text="User" textWrap="true"></Label>
        </StackLayout>
    </ActionItem>
    <NavigationButton icon="res://icon_atras"></NavigationButton>
</ActionBar>
<GridLayout rows="*, 20, 100" columns="*">
    <router-outlet row="0" col="0"></router-outlet>
    <StackLayout orientation="horizontal" row="1" col="0" [visibility]="showSteps ? 'visible' : 'collapsed'">
        <StackLayout *ngFor="let step of steps" class="steps"></StackLayout>
    </StackLayout>
    <GridLayout rows="*" columns="*, *, *, *, *" col="0" row="2">
        <StackLayout row="0" col="0" id="item-menu">
            <Image src="res://viajes_menu_negro" width="60%" id="img-menu"></Image>
            <Label text="Mis viajes" textWrap="true" id="text-menu"></Label>
        </StackLayout>
        <StackLayout row="0" col="1" id="item-menu">
            <Image src="res://aprobacion_negro" width="60%" id="img-menu"></Image>
            <Label text="Pendientes de 
            aprobación" textWrap="true" id="text-menu"></Label>
        </StackLayout>
        <StackLayout row="0" col="2" id="item-menu">
            <Image src="res://viajes_tercero_negro " width="60%" id="img-menu"></Image>
            <Label text="Viajes de terceros" textWrap="true" id="text-menu"></Label>
        </StackLayout>
        <StackLayout row="0" col="3" id="item-menu">
            <Image src="res://contactenos_negro" width="60%" id="img-menu"></Image>
            <Label text="Contáctenos" textWrap="true" id="text-menu"></Label>
        </StackLayout>
        <StackLayout row="0" col="4" id="item-menu">
            <Image src="res://menu_mas_negro" width="60%" id="img-menu"></Image>
            <Label text="Más" textWrap="true" id="text-menu"></Label>
        </StackLayout>
    </GridLayout>
</GridLayout>

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

Однако, когда я добавляю вид прокрутки на страницу с вводами, когда появляется клавиатура, некоторые компоненты исчезают из-за того, что нижнее меню перемещается вверх.

То же самое происходит, когда я подключаю розетку маршрутизатора напрямуюв ScrollView

...