Socket
Socket
Sign inDemoInstall

@mealection/react-native-boring-avatars

Package Overview
Dependencies
526
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @mealection/react-native-boring-avatars

React Native implementation of boring avatars


Version published
Weekly downloads
59
increased by15.69%
Maintainers
1
Install size
95.7 kB
Created
Weekly downloads
 

Readme

Source

react-native-boring-avatars

React Native implementation of boring avatars

Forked from https://github.com/luhart/react-native-boring-avatars.

Why Fork?

In the original library, there is heavy use of magic strings and hardcoded values. This caused heavy pixellation when trying to make avatars larger than their default values.

For an understanding of how this all works please see this blog post: https://mealection.com/blog/forking-react-native-boring-avatars

Couldn't we have made a Pull Request? Yes, but the original library seems to have stagnated a bit with no recent changes and serveral hanging Issues. We also wanted to impose our own code style and TypeScipt preferences.

Installation

yarn add @mealection/react-native-boring-avatars

Usage

// ...
import Avatar from 'react-native-boring-avatars';

<Avatar
  size={40}
  name="Sacagawea"
  variant="pixel"
  colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
/>;

Caveat

The marble variant is not suppported. This is because react-native-svg does not support the SVG filter attribute which the marble variant depends on. 🙁 Check here for more details on react-native-svg on this issue.

License

MIT

Keywords

FAQs

Last updated on 29 Aug 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc