@usenavii/react-native

React Native components that render deterministic avatars as native react-native-svg trees.

Install

npm i @usenavii/react-native react-native-svg

React Native >=0.73 and react-native-svg >=15 are peer dependencies. The Navii SVG adapter and @usenavii/core install with the package.

Usage

import { Navii, NaviiGroup } from '@usenavii/react-native';

<Navii seed={user.id} size={64} alt={user.name} />
<NaviiGroup seeds={team.map((user) => user.id)} size={48} max={5} />

React Native 0.76 Metro resolves the package with its default configuration; do not enable experimental package exports for Navii.

Platform notes

  • animated is accepted but currently renders the first frame statically because CSS keyframes do not translate to native SVG.
  • style applies to the wrapper View; alt and title map to the accessibility label.
  • Each group tile is an independent native SVG tree inside a positioned View.