@nativescript-community/ui-popover

弹出菜单插件

目录

• 安装
• API
  • 使用 Svelte
  • 使用 Vue
  • 方法
• 演示和开发
  • 仓库设置
  • 构建
  • 演示
• 贡献
  • 更新仓库
  • 更新说明文件
  • 更新文档
  • 发布
  • 修改子模块
• 问题

安装

从您项目的根目录运行以下命令

ns 插件添加 @nativescript-community/ui-popover

API

使用 Svelte

  import { showPopover } from '@nativescript-community/ui-popover/svelte';

  showPopover({
    view: YourInnerSvelteComponent,
    props: {}
  });

使用 Vue

  import PopoverPlugin from '@nativescript-community/ui-popover/vue';
  Vue.use(PopoverPlugin);

  //in your components
  this.$showPopover(YourInnerVueComponent, {
    props: {}
  });

方法

 interface PopoverOptions {
    anchor: View;
    vertPos?: VerticalPosition;
    horizPos?: HorizontalPosition;
    x?: number;
    y?: number;
    fitInScreen?: boolean;
    onDismiss?: Function;
}

演示和开发

仓库设置

该仓库使用子模块。如果您没有使用 --recursive 进行克隆，则需要调用

git submodule update --init

用于安装和链接依赖项的包管理器必须是 pnpm 或 yarn。 npm 不可用。

为了开发和测试：如果您使用 yarn，则运行 yarn；如果您使用 pnpm，则运行 pnpm i

交互式菜单

要启动交互式菜单，请运行 npm start（或 yarn start 或 pnpm start）。这将列出所有常用的脚本。

构建

npm run build.all

警告：似乎 yarn build.all 不会总是正常工作（在 node_modules/.bin 中找不到二进制文件），这就是为什么文档明确使用 npm run

演示

npm run demo.[ng|react|svelte|vue].[ios|android]

npm run demo.svelte.ios # Example

演示设置有些特殊，如果您想修改/添加演示，您不需要直接在 demo-[ng|react|svelte|vue] 中工作。相反，您需要在 demo-snippets/[ng|react|svelte|vue] 中工作。您可以从每种风格的 install.ts 开始，了解如何注册新的演示

贡献

更新仓库

您可以非常容易地更新仓库文件

首先更新子模块

npm run update

然后提交更改，然后更新常用文件

npm run sync

然后您可以运行 yarn|pnpm，如果有任何更改的文件，请提交

更新说明文件

npm run readme

更新文档

npm run doc

发布

发布完全由 lerna 处理（您可以添加 -- --bump major 来强制进行主要版本发布）。只需运行

npm run publish

修改子模块

该仓库使用 https:// 进行子模块，这意味着您无法直接将内容推送到子模块。一个简单的解决方案是修改 ~/.gitconfig 并添加

[url "ssh://[email protected]/"]
	pushInsteadOf = https://github.com/

问题

如果您有任何问题/问题/评论，请随时创建一个问题或在 NativeScript 社区 Discord 中开始对话。