@nativescript-community/ui-image-colorfilter
color matrix filters for @nativescript-community/ui-image
npm i --save @nativescript-community/ui-image-colorfilter

@nativescript-community/ui-image-colorfilter

Downloads per month NPM Version

color matrix filters for @nativescript-community/ui-image


iOS Demo Android Demo

Table of Contents

Installation

Run the following command from the root of your project:

ns plugin add @nativescript-community/ui-image-colorfilter

setup

import { installMixins } from "@nativescript-community/ui-image-colorfilter";

//do this before creating any image view
installMixins();

It adds one property colorMatrix which is a number[] You can find samples color matrix here

Demos

This repository includes Angular, Vue.js demos. In order to run these execute the following in your 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

Demos and Development

Setup

To run the demos, you must clone this repo recursively.

git clone https://github.com/@nativescript-community/ui-image-colorfilter.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.