test: bottomsheet innerframe test

Author: farfromrefug

demo-snippets/vue/BottomSheet.vue

@@ -5,6 +5,7 @@
         </ActionBar>
         <StackLayout>
             <MDButton id="bottomsheet" text="bottomsheet" @tap="onTap" />
+            <MDButton id="bottomsheet_frame" text="bottomsheet_frame" @tap="onTap" />
             <MDButton id="dont_ignore_top_safe_area" text="dont_ignore_top_safe_area" @tap="onTap" />
             <MDButton id="ignore_bottom_safe_area" text="ignore_bottom_safe_area" @tap="onTap" />
             <MDButton id="dont_ignore_top_ignore_bottom_safe_area" text="dont_ignore_top_ignore_bottom_safe_area" @tap="onTap" />
@@ -20,6 +21,7 @@ import * as frameModule from '@nativescript/core/ui/frame';
 import { NativeScriptVue } from 'nativescript-vue';
 import Vue from 'vue';
 import BottomSheetInner from './BottomSheetInner.vue';
+import BottomSheetInnerFrame from './BottomSheetInnerFrame.vue';
 import BottomSheetInnerKeyboard from './BottomSheetInnerKeyboard.vue';
 
 export const title = 'BottomSheet sample';
@@ -44,7 +46,23 @@ export default Vue.extend({
                     (this as NativeScriptVue).$showBottomSheet(BottomSheetInner, {
                         // transparent: true,
                         on: {
-                            indexChanged: (x) => { console.log('listener', x) }
+                            indexChanged: (x) => {
+                                console.log('listener', x);
+                            }
+                        },
+                        closeCallback: (...args) => {
+                            console.log('bottom sheet closed', args);
+                        }
+                    });
+                    break;
+                }
+                case 'bottomsheet_frame': {
+                    (this as NativeScriptVue).$showBottomSheet(BottomSheetInnerFrame, {
+                        // transparent: true,
+                        on: {
+                            indexChanged: (x) => {
+                                console.log('listener', x);
+                            }
                         },
                         closeCallback: (...args) => {
                             console.log('bottom sheet closed', args);

demo-snippets/vue/BottomSheetInnerFrame.vue

@@ -0,0 +1,30 @@
+<template>
+    <Frame>
+        <Page>
+            <StackLayout>
+                <Stacklayout id="test2" row="0" backgroundColor="red" verticalAlignment="top">
+                    <Button id="innerButtonK" @tap="onButtonTap" text="close with result k"></Button>
+                </Stacklayout>
+                <MDTextField margin="10" variant="filled" hint="Working TextView hint 🤪" />
+            </StackLayout>
+        </Page>
+    </Frame>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+
+export default Vue.extend({
+    data() {
+        return {};
+    },
+    methods: {
+        onShownInBottomSheet(args) {
+            console.log('onShownInBottomSheet');
+        },
+        onButtonTap(event) {
+            this.$closeBottomSheet(event.object.id);
+        }
+    }
+});
+</script>