https://github.com/numandev1/react-native-profile-avatar

https://github.com/numandev1/react-native-profile-avatar

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/numandev1/react-native-profile-avatar
• Owner: numandev1
• License: mit
• Created: 2018-12-30T04:06:03.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-12-30T04:08:49.000Z (over 7 years ago)
• Last Synced: 2025-02-05T18:50:47.671Z (over 1 year ago)
• Language: Objective-C
• Size: 130 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Native User Avatar

[![npm version](https://img.shields.io/npm/v/react-native-user-avatar.svg?style=flat-square)](https://www.npmjs.com/package/react-native-user-avatar)

[![npm downloads](https://img.shields.io/npm/dm/react-native-user-avatar.svg?style=flat-square)](https://www.npmjs.com/package/react-native-user-avatar)

A bare-bones user avatar display with support for falling back to using the user's initials on a colored background as the avatar.

Based on the great library for React: https://github.com/wbinnssmith/react-user-avatar, and ported to React Native.

![](http://i.imgur.com/LJjK9cl.png)

## Installation

`npm install --save react-native-user-avatar` or `yarn add react-native-user-avatar`

## Usage

```js

  

  

  

  

  

```

## User-defined Image-Component

It is also possible to use another Image-Component than the built-in ``.

```js

  

```

The fallback avatar's color may be set by passing in the `color` prop, or you can customize the range of colors

used by passing in an array of `colors`. The component uses a simple calculation to consistently use the same

color for the same user's name every time.

## Credits

@wbinnssmith

##License

MIT