triz-react-native-wordcloud

React Native View for Word cloud

Usage no npm install needed!

<script type="module">
  import trizReactNativeWordcloud from 'https://cdn.skypack.dev/triz-react-native-wordcloud';
</script>

README

triz-react-native-wordcloud

WordCloud View for React Native

Introduction

Usage

To use this, import the WordCloud object:

import { WordCloud } from 'triz-react-native-wordcloud';

Use WordCloud like this.

<WordCloud
  wordList={
    [
      { title: 'Item1', point: 1 },
      { title: 'Item2', point: 2 },
      ...
    ]
  }
  colorList={...}
  minFontSize={...}
  style={...}
/>

Properties

  1. wordList (Required)
    The item of list must have title and point
    point should be integer type(0 ~ N)

  2. colorList (Requried)
    Each color value corresponds to point of word object.

  3. minFontSize (Optional)
    This will decide the minimum font size of each tag.
    Default size is 12.

  4. style (Optional)
    This style is for container.

  5. tagPaddingLeft, tagPaddingTop, tagPaddingRight, tagPaddingBottom (Optional)
    Default value is 20.