CODEWITHSUNDEEP
angularnativescriptangular2-nativescriptbottom-sheet
Pamilerin
Pamilerin

Reputation: 164

NativeScript Angular BottomSheet

Hello everyone good day, I have a running angular project that uses the angular material bottomsheet component

my question now is; how to implement same behaviour in nativescript angular.

Thank you for replying

Upvotes: 0

Views: 617

Answers (2)

aditya_adi_98
aditya_adi_98

Reputation: 24

"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);
        });
    }

It acts as a modal in nativescript

Upvotes: 0

Manoj
Manoj

Reputation: 21908

You may use nativescript-cfalert-dialog 

tns plugin add nativescript-cfalert-dialog

and set the dialogStyle to CFAlertStyle.BOTTOM_SHEET

Upvotes: 1

Related Questions