NativeScript Angular 底部表

Question

大家好，美好的一天， 我有一个使用 angular material bottomsheet component

的 运行 angular 项目

我现在的问题是；如何在 nativescript angular.

中实现相同的行为

感谢您的回复

Answer 1

您可以使用 nativescript-cfalert-dialog

tns plugin add nativescript-cfalert-dialog

并将dialogStyle设置为CFAlertStyle.BOTTOM_SHEET

Answer 2

"nativescript-material-bottomsheet": "2.5.4", //package.json

import { MenuBottomSheet } from "../bottomsheet/menu.bottomsheet";
import { BottomSheetOptions, BottomSheetService } from 'nativescript-material-bottomsheet/angular';


fabTap(){
        const options: BottomSheetOptions = {
            viewContainerRef: this.containerRef,
            context: ['Facebook', 'Google', 'Twitter'],
        };

        this.bottomSheet.show(MenuBottomSheet, options).subscribe(result => {
            console.log('Option selected:', result);
        });
    }

它在 nativescript 中充当模式