@nativescript-community/ui-zoomimage

基于 @nativescript-community/ui-image 的可缩放图像视图


iOS 示例	Android 示例

安装

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

ns plugin add @nativescript-community/ui-zoomimage

设置

import imageModule = require("@nativescript-community/ui-zoomimage");

//do this before creating any image view
imageModule.initialize({ isDownsampleEnabled: true });

此组件直接继承自 @nativescript-community/ui-image，因此您可以在此处找到文档

它添加了一些属性

示例

此仓库包含 Angular、Vue.js 示例。要运行这些示例，请在您的 shell 中执行以下命令

$ git clone https://github.com/@nativescript-community/ui-image
$ cd ui-image
$ npm i
$ npm run setup
$ npm run build # && npm run build.angular
$ cd demo-ng # or demo-vue or 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

贡献

更新仓库

您可以轻松更新仓库文件

首先更新子模块

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 社区 Discord 中进行对话。