Open kakha13 opened 1 year ago
import Vue from 'nativescript-vue' import App from './components/App' import BottomSheetPlugin from '@nativescript-community/ui-persistent-bottomsheet/vue'; import { install } from '@nativescript-community/ui-persistent-bottomsheet'; install(); Vue.use(BottomSheetPlugin); import { install as installGestures } from '@nativescript-community/gesturehandler'; installGestures(); new Vue({ render: (h) => h('frame', [h(App)]), }).$start()
<BottomSheet :stepIndex="stepIndex" scrollViewId="scrollView" :steps="steps"> <StackLayout height="300" class="w-full c-bg-white"> <Label :text="item" class="text-center c-black h-full"></Label> </StackLayout> <GridLayout ~bottomSheet class=" bg-primary w-full" rows="10, *"> <Label row="0" text=" " class="text-center" marginTop="10" marginBottom="10" borderRadius="5" width="50" height="3" backgroundColor="#E1E1E1" @tap="stepIndex = 1" /> <ListView id="scrollView" :height="pageHeight" :items="items" row="1" @itemTap="onItemTap"> <v-template> <GridLayout columns="120,*" class="align-middle text-left" paddingLeft="24" paddingRight="24" paddingTop="6" paddingBottom="6"> <Label col="0" :text="item.name" class="" /> <Label col="1" :text="item.price" class="" textWrap="true" /> </GridLayout> </v-template> </ListView> </GridLayout> </BottomSheet>
Tested on Samsung S20 Android 13
https://github.com/kakha13/nativescript-ui-persistent-bottomsheet-listview
app.js
Home.vue
Which platform(s) does your issue occur on?
Please, tell us how to recreate the issue in as much detail as possible.
Tested on Samsung S20 Android 13
Repo for this issue
https://github.com/kakha13/nativescript-ui-persistent-bottomsheet-listview