callstack / callstack/react-native-paper

Add SVG support for Card Cover

Open
#4,318 0 comments 2 reactions 0 assignees View on GitHub
feature request
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

**Is your feature request related to a problem? Please describe.**
We can not add an SVG as Card Cover: https://callstack.github.io/react-native-paper/docs/components/Card/CardCover.

Event with this library it does not works: https://www.npmjs.com/package/react-native-svg
It gives this error: `TypeError: cyclical structure in JSON object`

**Describe the solution you'd like**
It will be great to support with a props names SVG like:

` }} />`

Contributor guide

Open the contributing guide

Research direction

Start with the Card.Cover component and its documented source API, then compare the reported behavior with react-native-svg and the linked SVG example. Confirm how the existing source value is handled before deciding how SVG content should be accepted. Done means an SVG cover renders without the cyclical-structure error while existing Card Cover usage continues to work.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.