@nativescript-community/ui-cameraview

一个允许 NativeScript 自定义实时处理的 CameraView

iOS 示例	Android 示例

目录

• 安装
  • 使用方法
• 纯 NativeScript
  • XML
• NativeScript + Angular
• NativeScript + Vue
• 示例
• 示例和开发
  • 仓库设置
  • 构建
  • 示例
• 贡献
  • 更新仓库
  • 更新 README
  • 更新文档
  • 发布
  • 修改子模块
• 问题

安装

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

ns plugin add @nativescript-community/ui-cameraview

使用方法

纯 NativeScript

重要：请确保在 Page 元素上包含 xmlns:mdc="@nativescript-community/ui-cameraview"

XML

<Page xmlns:bc="@nativescript-community/ui-cameraview">
    <StackLayout horizontalAlignment="center">
        <bc:CameraView width="100" height="100"/>
   </StackLayout>
</Page>

NativeScript + Angular

import { registerElement } from 'nativescript-angular/element-registry';
import { CameraView } from '@nativescript-community/ui-cameraview';
registerElement('CameraView', () => CameraView);

<CameraView width="100" height="100"></CameraView>

NativeScript + Vue

import Vue from 'nativescript-vue';
(<any>Vue).registerElement('CameraView', () => require('@nativescript-community/ui-cameraview').CameraView);

<CameraView  width="100" height="100"/>

示例

此仓库包含 Svelte 示例。为了运行这些示例，请在您的 shell 中执行以下命令

$ git clone https://github.com/@nativescript-community/ui-cameraview
$ cd ui-cameraview
$ npm run i
$ npm run setup
$ npm run build
$ cd demo-svelte
$ ns run ios|android

示例和开发

仓库设置

此仓库使用子模块。如果您没有使用 --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，如果有任何更改，请提交更改的文件

更新 README

npm run readme

更新文档

npm run doc

发布

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

npm run publish

修改子模块

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

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

问题

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