@nativescript-community/ui-popover
Popover plugn
Table of Contents
Installation
Run the following command from the root of your project:
ns plugin add @nativescript-community/ui-popover
API
Using Svelte
import { showPopover } from '@nativescript-community/ui-popover/svelte';
showPopover({
view: YourInnerSvelteComponent,
props: {}
});
Using Vue
import PopoverPlugin from '@nativescript-community/ui-popover/vue';
Vue.use(PopoverPlugin);
//in your components
this.$showPopover(YourInnerVueComponent, {
props: {}
});
Methods
interface PopoverOptions {
anchor: View;
vertPos?: VerticalPosition;
horizPos?: HorizontalPosition;
x?: number;
y?: number;
fitInScreen?: boolean;
onDismiss?: Function;
}
Name | Return | Description |
---|---|---|
showPopover(options: PopoverOptions) | void |
Programatically open the popover |
closePopover(options: PopoverOptions) | void |
Programatically close the popover |
Demos and Development
Setup
To run the demos, you must clone this repo recursively.
git clone https://github.com/@nativescript-community/ui-popover.git --recursive
Install Dependencies:
npm i # or 'yarn install' or 'pnpm install'
Interactive Menu:
To start the interactive menu, run npm start
(or yarn start
or pnpm start
). This will list all of the commonly used scripts.
Build
npm run build
npm run build.angular # or for Angular
Demos
npm run demo.[ng|react|svelte|vue].[ios|android]
npm run demo.svelte.ios # Example
Questions
If you have any questions/issues/comments please feel free to create an issue or start a conversation in the NativeScript Community Discord.