JSPM

polkadot-identicon-react-native

0.0.5
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q35854F
  • License Apache-2.0

Renders an SVG picture representing an address

Package Exports

  • polkadot-identicon-react-native

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (polkadot-identicon-react-native) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

polkadot-identicon-react-native

This package is clone from @polkadot/ui-identicon. Just for running in the React Native. A generic identity icon that can render icons based on the theme, be it Substrate or Polkadot.

Usage

To install the component, do npm install polkadot-identicon-react-native

Inside a React component, you can now render any account with the associated icon -

import Identicon from 'polkadot-identicon-react-native';

...
render () {
  // address is an ss58-encoded address or publicKey (hex string or Uint8Array)
  const { address } = this.props;
  // size (optional) is a number, indicating the size (in pixels, 64 as default)
  const size = 32;
  // theme (optional), depicts the type of icon, either 'polkadot' or 'substrate' (default)
  const theme = 'polkadot';

  // standard className & style props are also available
  return (
    <Identicon
      value={address}
      size={size}
      theme={theme}
    />
  );
}
...

#TODO Now the 'theme is polkadot' is done, but the substrate theme have some another issue need to do.