Questions tagged [react-native-svg]
Use for react-native-svg, a JavaScript library to use\write SVG images in react-native
react-native-svg
281
questions
0
votes
0
answers
15
views
I'm using the SvgUri package to render images. But not able to see while the app taken but connected via usb is working
This how I have imported
import Detail_R_Arrow from '../assets/images/detailRarrow.svg';
export {
Back_Arrow,}
This is my import statement
import SvgUri from 'react-native-svg-uri';
This how I ...
- 1
0
votes
0
answers
13
views
RN Error during bundling while setting SVG
I'm a student new to React Native. I was setting up the svg library to use the svg file to create a hands-on project with TypeScrit. However, when I insert those libraries, the same error occurs. How ...
- 1
0
votes
1
answer
46
views
SVG Path with Rounded Ends
I'm trying to create a filled ellipse graph in React Native using react-native-svg that visually indicates a percentage. The filled part should have rounded ends, but I'm struggling to get the ...
0
votes
0
answers
27
views
how to make pressable svg on react native
I have an svg and i need to make some paths/circles pressable using react-native-svg.
Path seems accepting onPress props but on second render it goes undefined, maybe some typescript bug, i didn't ...
- 105
0
votes
1
answer
100
views
Using Playwright - how to test SVG image by d values?
In the website I'm automating, there are SVG images with icons.
In once scenario, the SVG has a special arrow that points up and right.
<svg class="SecretClass" focusable="false" viewBox="0 0 ...
- 1,604
1
vote
2
answers
88
views
Cannot build my app on Expo due to dependency issue with React Native svg charts
I have recently made an app and I am trying to build it for TestFlight.
In my app I started using react-native-svg-charts which uses react-native-svg.
These are the version in my package.json:
"...
- 3,779
0
votes
0
answers
18
views
Clip and rounded corner from one side of react
Unable to do one sided rounded corner using react-native-svg. I have written following code for ,
<Svg height="30" width="100%">
<Defs>
<Mask ...
- 153
0
votes
0
answers
21
views
React Native Remote SVG use
I am using react native 0.73 and trying to use remote svg images. SVG url https://hdor.com/app/assets/images/hdor-2021-icons/badges/bw/25km.svg this is the url which i am trying to use in my ...
0
votes
0
answers
55
views
Error trying to use react-native-chart-kit
I have this error every time I install react-native-chart-kit using expo and try to run the server
ERROR Invariant Violation: Tried to register two views with the same name RNSVGRect, js engine: ...
- 1
1
vote
1
answer
218
views
React Native v0.74.1 unable to resolve module when importing svg
I can't show the svg files on the new React Native version (0.74.1). I've added:
react-native-svg-transformer and react-native-svg
I followed the documentation and created the file declarations.d.ts ...
- 178
0
votes
0
answers
14
views
Cannot drag when child component has onPress in ReactNativeZoomableView - React Native
as seen in the code I shared below, there is an onPress in the Path in ReactNativeZoomableView. The dragging function works successfully from areas not covered by this path, but if I try to do this on ...
- 1
0
votes
1
answer
43
views
In SVG, how to center Text along a path?
Objective: Create a curved Path from A to B. Center the text on the path.
It doesn't seem like this is possible.
In my example below, startOffset=50% will begin the text at the 50% mark. However, I'd ...
- 268k
0
votes
0
answers
42
views
SVG separately animation
i am trying to code an Analog Clock using React Native, React Native SVG.
this must be set by hand. i don't want to code dynamic clock. (There are tons of them on the internet.) i want to code just a ...
1
vote
0
answers
102
views
React native svg transformer does not color svg using replaceAttrValues
I'm trying to color a svg using react-native-svg-transformer and react-native-svg but it does not work. I have the impression that the file .svgrrc is not taken into consideration because wether I ...
- 11
2
votes
1
answer
707
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