A nativescript implementation of material bottom sheet (with animation). For iOS and Android.
npm i --save nativescript-nbmaterial-bottomsheet
  • Version: 1.0.0
  • GitHub:
  • Downloads:
    • Last Day:   0
    • Last Week:  1
    • Last Month: 5

Nativescript implementation of the Material Bottom Sheet

The module implement Bottom Sheet Layout on both iOS and Android.
There is an animation effect on open and on close.

bottomSheet = page.getViewById("bottomsheet");
export function showBS() {;
export function hideBS() {
<Page xmlns="" 

<bs:BottomSheetModal id="bottomsheet">
<GridLayout rows="auto" columns="auto">
<Label text="Ready?" textWrap="true" />
<Label text="Steady?" textWrap="true" />
<Label text="Go!" textWrap="true" />
<Label text="Cool" textWrap="true" />
<Button text="HIDE BS" tap="hideBS" class="btn btn-primary btn-active"/>


See all modules here