{"id":25407882,"url":"https://github.com/gaetanozappi/react-native-circle","last_synced_at":"2025-10-31T03:30:31.868Z","repository":{"id":57336064,"uuid":"128783071","full_name":"gaetanozappi/react-native-circle","owner":"gaetanozappi","description":"React Native library to generate Google plus circle.","archived":false,"fork":false,"pushed_at":"2018-11-30T21:10:21.000Z","size":100,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-08-09T22:37:26.189Z","etag":null,"topics":["react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gaetanozappi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-09T14:15:47.000Z","updated_at":"2020-03-14T17:46:58.000Z","dependencies_parsed_at":"2022-09-11T08:21:30.908Z","dependency_job_id":null,"html_url":"https://github.com/gaetanozappi/react-native-circle","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetanozappi%2Freact-native-circle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetanozappi%2Freact-native-circle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetanozappi%2Freact-native-circle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetanozappi%2Freact-native-circle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gaetanozappi","download_url":"https://codeload.github.com/gaetanozappi/react-native-circle/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239098757,"owners_count":19581301,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-native"],"created_at":"2025-02-16T07:19:08.591Z","updated_at":"2025-10-31T03:30:31.559Z","avatar_url":"https://github.com/gaetanozappi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native: react-native-circle\n\n[![GitHub package version](https://img.shields.io/github/package-json/v/gaetanozappi/react-native-circle.svg?style=flat\u0026colorB=2b7cff)](https://github.com/gaetanozappi/react-native-circle)\n[![github home](http://img.shields.io/npm/v/react-native-circle.svg?style=flat)](https://www.npmjs.com/package/react-native-circle)\n![platforms](https://img.shields.io/badge/platforms-Android%20%7C%20iOS-brightgreen.svg?style=flat\u0026colorB=191A17)\n[![github home](https://img.shields.io/badge/gaetanozappi-react--native--circle-blue.svg?style=flat)](https://github.com/gaetanozappi/react-native-circle)\n[![npm](https://img.shields.io/npm/dm/react-native-circle.svg?style=flat\u0026colorB=007ec6)](https://www.npmjs.com/package/react-native-circle)\n\n[![github issues](https://img.shields.io/github/issues/gaetanozappi/react-native-circle.svg?style=flat)](https://github.com/gaetanozappi/react-native-circle/issues)\n[![github closed issues](https://img.shields.io/github/issues-closed/gaetanozappi/react-native-circle.svg?style=flat\u0026colorB=44cc11)](https://github.com/gaetanozappi/react-native-circle/issues?q=is%3Aissue+is%3Aclosed)\n[![Issue Stats](https://img.shields.io/issuestats/i/github/gaetanozappi/react-native-circle.svg?style=flat\u0026colorB=44cc11)](http://github.com/gaetanozappi/react-native-circle/issues)\n[![github license](https://img.shields.io/github/license/gaetanozappi/react-native-circle.svg)]()\n\n![PNG](screenshot/react-native-circle.png)\n\n-   [Usage](#-usage)\n-   [License](#-license)\n\n## 📖 Getting started\n\n`$ npm install react-native-circle --save`\n\n## 💻 Usage\n\n```javascript\nimport React, { Component } from 'react';\nimport Circle from 'react-native-circle';\n\nexport default class App extends Component {\n  constructor() {\n    super();\n    this.state = {\n      title: 'MyFriends',\n      array: [\n        'https://randomuser.me/api/portraits/women/0.jpg',\n        'https://randomuser.me/api/portraits/women/1.jpg',\n        'https://randomuser.me/api/portraits/women/2.jpg',\n        'https://randomuser.me/api/portraits/women/3.jpg',\n        'https://randomuser.me/api/portraits/women/4.jpg',\n        'https://randomuser.me/api/portraits/women/5.jpg',\n        'https://randomuser.me/api/portraits/women/6.jpg',\n        'https://randomuser.me/api/portraits/women/7.jpg',\n        'https://randomuser.me/api/portraits/women/8.jpg',\n        'https://randomuser.me/api/portraits/women/9.jpg',\n        //'https://randomuser.me/api/portraits/women/10.jpg',\n        //'https://randomuser.me/api/portraits/women/11.jpg',\n        //'https://randomuser.me/api/portraits/women/12.jpg',\n        //'https://randomuser.me/api/portraits/women/13.jpg',\n        //'https://randomuser.me/api/portraits/women/14.jpg',\n        //'https://randomuser.me/api/portraits/women/15.jpg',\n        //'https://randomuser.me/api/portraits/women/16.jpg',\n        //'https://randomuser.me/api/portraits/women/17.jpg',\n        //'https://randomuser.me/api/portraits/women/18.jpg',\n        //'https://randomuser.me/api/portraits/women/19.jpg',\n        //'https://randomuser.me/api/portraits/women/20.jpg',\n      ],\n    };\n  }\n\n  render() {\n    return \u003cCircle title={this.state.title} array={this.state.array} /\u003e;\n  }\n}\n```\n\n## 💡 Props\n\n| Prop              | Type       | Default | Note                                                                                                       |\n| ----------------- | ---------- | ------- | ---------------------------------------------------------------------------------------------------------- |\n| `title`      | `string`   |  | Circle title.\n| `array`       | `array`   |  | We need to pass an array of the image, as in the example.\n\n## 📜 License\nThis library is provided under the Apache License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaetanozappi%2Freact-native-circle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaetanozappi%2Freact-native-circle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaetanozappi%2Freact-native-circle/lists"}