{"id":22308765,"url":"https://github.com/ratson/react-native-cardview-plus","last_synced_at":"2026-04-13T18:03:41.755Z","repository":{"id":237215164,"uuid":"794079236","full_name":"ratson/react-native-cardview-plus","owner":"ratson","description":"A React Native card view with types","archived":false,"fork":false,"pushed_at":"2024-04-30T12:33:49.000Z","size":2086,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T01:33:40.098Z","etag":null,"topics":["android","card","cardview","ios","react-native","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ratson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-30T12:17:20.000Z","updated_at":"2024-11-09T01:38:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"31348889-9917-4474-87e5-a6c800584c04","html_url":"https://github.com/ratson/react-native-cardview-plus","commit_stats":null,"previous_names":["ratson/react-native-cardview-plus"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/ratson/react-native-cardview-plus","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ratson%2Freact-native-cardview-plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ratson%2Freact-native-cardview-plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ratson%2Freact-native-cardview-plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ratson%2Freact-native-cardview-plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ratson","download_url":"https://codeload.github.com/ratson/react-native-cardview-plus/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ratson%2Freact-native-cardview-plus/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31764320,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["android","card","cardview","ios","react-native","web"],"created_at":"2024-12-03T20:15:12.919Z","updated_at":"2026-04-13T18:03:41.714Z","avatar_url":"https://github.com/ratson.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-card-view-plus [![npm version](https://img.shields.io/npm/v/react-native-cardview-plus.svg?style=flat)](https://www.npmjs.com/package/react-native-cardview-plus) [![npm downloads](https://img.shields.io/npm/dm/react-native-cardview.svg?style=flat-square)](https://www.npmjs.com/package/react-native-cardview-plus) ![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-yellow.svg) ![MIT](https://img.shields.io/dub/l/vibe-d.svg)\n\n[![npm](https://nodei.co/npm/react-native-cardview-plus.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://www.npmjs.com/package/react-native-cardview-plus)\n\nNative CardView that compatible for iOS and Android( both lollipop and pre-lolipop).\n\n##### [Material Design Card Spec](https://www.google.com/design/spec/components/cards.html)\n\n##### [CardView Android Documentation](http://developer.android.com/intl/zh-tw/reference/android/support/v7/widget/CardView.html)\n\n## Features\n\nThis is a fork of [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) with the following differences,\n\n- Relax React Native version\n- Reduce publish package size\n- Add types\n- Add web support\n\n## Getting started\n\n```bash\n$ npm install react-native-cardview-plus --save\n```\n\n## Usage\n\n![N|Example](https://github.com/ratson/react-native-cardview-plus/raw/master/docs/Example-Snapshot.png)\n\n![N|Example](https://github.com/ratson/react-native-cardview-plus/raw/master/docs/ezgif-4-b87dbfaf72.gif)\n\n\n## Example\n\nBrowse the files in the [/example](https://github.com/ratson/react-native-cardview-plus/tree/master/example) directory.\n\n```javascript\nimport CardView from 'react-native-cardview-plus'\n\u003cCardView\n          cardElevation={2}\n          cardMaxElevation={2}\n          cornerRadius={5}\u003e\n          \u003cText\u003e\n              Elevation 0\n          \u003c/Text\u003e\n\u003c/CardView\u003e\n```\n\n## Attributes\n\n- **cardElevation** (Android/iOS)\n\nAn attribute to set the elevation of the card. This will increase the 'drop-shadow' of the card.\nThere can be some performance impact when using a very high elevation value.\n\n- **cardMaxElevation** (Android)\n\nAn attribute to support shadow on pre-lollipop device in android. [cardMaxElevation](http://developer.android.com/intl/zh-tw/reference/android/support/v7/widget/CardView.html)\n\n- **cornerRadius** (Android/iOS)\n  An attribute to set the radius of the card.\n\n- **useCompatPadding** (Android)\n\nCardView adds additional padding to draw shadows on platforms before Lollipop. [setUseCompatPadding](https://developer.android.com/reference/android/support/v7/widget/CardView.html#setUseCompatPadding(boolean))\n\n- **cornerOverlap** (Android)\n\nOn pre-Lollipop platforms, CardView does not clip the bounds of the Card for the rounded corners. Instead, it adds padding to content so that it won't overlap with the rounded corners. You can disable this behavior by setting this field to false.\n\nSetting this value on Lollipop and above does not have any effect unless you have enabled compatibility padding. \n\n[setPreventCornerOverlap](https://developer.android.com/reference/android/support/v7/widget/CardView.html#setPreventCornerOverlap(boolean))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fratson%2Freact-native-cardview-plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fratson%2Freact-native-cardview-plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fratson%2Freact-native-cardview-plus/lists"}