2017-07-13 208 views
0

我提到這個link,並顯示半個屏幕的這個link自定義對話框(模態對話框)應在nativescript angular2

當點擊浮動操作按鈕,我使用自定義的模式對話框,顯示列表視圖一半的屏幕。

但它正在全屏像下面的圖像:

enter image description here

我試圖布爾變量全屏設置爲false那麼它也只顯示全屏幕。

TS文件:

public showModal() { 

    console.log("showmod", "Test"); 

    let options = { 
     context: {}, 
     fullscreen: false, 
     viewContainerRef: this.vcRef 
    }; 
    this.modal.showModal(ModalComponent, options).then(res => { 
     console.log("ModRes :", ""+res); 
    }); 
} 

dialogs.d.ts:(節點模塊/ nativescript棱角/指令)

import { ViewContainerRef, Type } from "@angular/core"; 
export interface ModalDialogOptions { 
    context?: any; 
    fullscreen?: boolean; 
    viewContainerRef?: ViewContainerRef; 
} 
export declare class ModalDialogParams { 
    context: any; 
    closeCallback: (...args) => any; 
    constructor(context: any, closeCallback: (...args) => any); 
} 
export declare class ModalDialogService { 

    showModal(type: Type<any>, options: ModalDialogOptions): Promise<any>; 
    private static showDialog(type, options, doneCallback, containerRef, resolver, parentPage, pageFactory); 
} 
export declare class ModalDialogHost { 
    constructor(); 
} 

任何幫助是appreciated.thanks。

回答

0

這是iOS上的原生行爲。

通過iPhone上的設計,模態頁面僅以全屏顯示。

注意到here