材质底部面板的 Nativescript 实现

该模块在 iOS 和 Android 上都实现了底部面板布局。
在打开和关闭时都有动画效果。

bottomSheet = page.getViewById("bottomsheet");
export function showBS() { 
    bottomSheet.show();
}
export function hideBS() {
    bottomSheet.hide();
}

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
xmlns:bnav="nativescript-nbmaterial-bottomnav">
	<bs:BottomSheetModal id="bottomsheet">
			<bs:BottomSheetModal.template>
				<GridLayout rows="auto" columns="auto">
					<StackLayout>
						<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"/> 
					</StackLayout>
				</GridLayout>
			</bs:BottomSheetModal.template>
		</bs:BottomSheetModal>
</Page>

}

在此查看所有模块