Questions tagged [react-native-svg]
Use for react-native-svg, a JavaScript library to use\write SVG images in react-native
react-native-svg
282
questions
2
votes
1
answer
982
views
Adding react-native-svg gives error - FAILURE: Build failed with an exception
When trying to run react-native app on android, I get this error:
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':react-native-svg:compileDebugJavaWithJavac'.
&...
- 195
0
votes
0
answers
52
views
React native SVG transformer imported SVG misses coordinates properties
In a previous Ionic app I'v used an SVG viewbox to layout an app screen with multiple SVG files to make a complex combination. The viewbox ensured that the ratio remained correct over all devices. For ...
- 11
-1
votes
1
answer
72
views
SVG not filling out like fontawesome icons like it has padding or whitespace
Can anyone tell me why this custom SVG on the right won't fill the height like the icon on the right does? The SVG does not have any space on the top and right when opened in Illustrator.
Current SVG ...
- 24.1k
0
votes
1
answer
40
views
Issue in svg images
I am using svg images as i thought these are hight resolution images and auto adjust according to height of screen as i am using it in mobile device but when i check the app in the tablet it got blur ...
- 738
0
votes
1
answer
508
views
Problem with `react-native-svg` in Expo app
I'm encountering an issue while using the react-native-svg library in my Expo app. The error message I'm seeing is:
View config getter callback for component RNSVGPath must be a function (received ...
- 31
0
votes
0
answers
55
views
Rotation Animation Issue in React Native SVG Pie Chart After Reloading App
I am working on a dynamic pie chart using react-native-svg where the stroke width varies based on the data value. The chart includes two animations: stroke width and rotation. While both animations ...
0
votes
0
answers
50
views
SVG icons got blur on Big Size Like tablet
I am using this icon in the react native and works fine but these got blur on big size screen
export const IconToShow = props => {
let { width = 14, height = 14 } = props;
return (
<Svg
...
- 738
0
votes
1
answer
249
views
SVGR has dropped some elements not supported by react-native-svg: filter
how to use my svg file in react native, i tried converting svg to react native and there is a warning: "/* SVGR has dropped some elements not supported by react-native-svg: filter */" and it ...
0
votes
0
answers
70
views
Cannot build EAS Project, Invalid regular expression: Range out of order in character class
I encountered an error while building my Expo application with EAS. I used the following command:
eas build -p android --profile preview
The error message is as follows:
Loaded "env" ...
- 1
0
votes
1
answer
78
views
How to center an SVG within another SVG group
My goal is to center the golden icons inside the black rim.
Below is my code that loops over the arcs created using d3 and the Icon component nested in the SVG group is what I am trying to position ...
- 37
0
votes
0
answers
104
views
react-native-svg with storybook
I have installed a library for displaying icons which internally uses react-native-svg. I maintain this library and it has created the files using @svgr/cli.
I'm trying to start storybook and I get ...
- 1,956
3
votes
0
answers
325
views
Uncaught TypeError: (0 , _reactNative.requireNativeComponent) is not a function
My website used react-native-web and I am getting the following error when I am importing Alert or WarningOutlineIcon from native base
Error
Uncaught TypeError: (0 , _reactNative....
2
votes
1
answer
783
views
Invariant Violation: requireNativeComponent: "RNSVGSvgView" was not found in the UIManager
I am on a React Native project, I tried to use chart related dependencies in my project, and I have tried @rainbow-me/animated-charts and react-native-wagmi-charts, and all of them leads to the same ...
- 446
0
votes
0
answers
59
views
Patterns from react-native-svg not rendering correctly in React Native
I am facing issue with SVG Patterns while working on React Native project. I have used react-native-svg library for SVGs. When using patterns, it's not rendering at all or just getting default black ...
1
vote
0
answers
459
views
React Native segmented circular progress bar
I am trying to create a Segmented Circular progress bar (where each segment can have its own size) by using the 'react-native-svg'
here is my code:
const SMCircle = ({ segments }) => {
const ...
- 510