NativeScript Angular BottomSheet

Question

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

Manoj · Accepted Answer · 2019-03-05 21:20:27Z

1

tns plugin add nativescript-cfalert-dialog

and set the dialogStyle to CFAlertStyle.BOTTOM_SHEET

answered Mar 5, 2019 at 21:20

Manoj

21.9k3 gold badges24 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pamilerin Over a year ago

Thank you very much. Just what i needed But is there anyway i can achieve the open from component like this

Pamilerin Over a year ago

Later found out that the api doesnt do what i needed

aditya_adi_98 · Accepted Answer · 2022-01-27 08:31:06Z

0

"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

answered Jan 27, 2022 at 8:31

aditya_adi_98

244 bronze badges

Collectives™ on Stack Overflow

NativeScript Angular BottomSheet

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related