react-native-palette-full
TypeScript icon, indicating that this package has built-in type declarations

1.2.0 • Public • Published

react-native-palette-full

info about colors from images or url, compatible with Android and iOS

Getting started

$ npm install react-native-palette-full --save

Mostly automatic installation

$ react-native link react-native-palette-full

Manual installation

iOS

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-palette-full and add RNPalette.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNPalette.a to your project's Build PhasesLink Binary With Libraries
  4. Go to Podfile and add "SDWebImage", "~>4.3.3"
  5. Run your project (Cmd+R)<

Android

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • Add import me.jerson.mobile.palette.RNPalettePackage; to the imports at the top of the file
  • Add new RNPalettePackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:

    include ':react-native-palette-full'
    project(':react-native-palette-full').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-palette-full/android')
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:

      implementation project(':react-native-palette-full')

Usage

import Palette from "react-native-palette-full";

const outputColors = (colors)=>{
  console.log(colors);
};

Palette.getNamedSwatchesFromUrl(url).then(outputColors);
Palette.getAllSwatchesFromUrl(url).then(outputColors);
Palette.getNamedSwatches(path).then(outputColors);
Palette.getAllSwatches(path).then(outputColors);

Package Sidebar

Install

npm i react-native-palette-full

Weekly Downloads

78

Version

1.2.0

License

MIT

Unpacked Size

86.4 kB

Total Files

30

Last publish

Collaborators

  • pardacho