Skip to main content
290 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
41 views

I have a React Native project where I import a lot of .svg files into my components. How can I use npx knip to find all unused svg files, just like it has found all unused .js/tsx files? This is my ...
Esben von Buchwald's user avatar
  • 3,132
1 vote
1 answer
112 views

When trying to run react-native app on android, I get this error: FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * What went wrong: Execution failed for task '...
Phan Bình An's user avatar
  • 11
0 votes
0 answers
41 views

In my current project, I have to render SVG images from the URLs in the list view. I did it using FlatList and react-native-svg, but I am facing a performance issue. When it renders on display, it ...
Jatin Bhuva's user avatar
  • 1,936
0 votes
1 answer
150 views

I'm trying to use SVG icons in my react native android app (running Expo). I've tried cleaning up the builds, starting fresh but it just does not work at all. Here is a sample source code I've used, ...
Aadhit Shanmugam's user avatar
  • 529
0 votes
1 answer
158 views

I'm building a React Native app and using @react-navigation/bottom-tabs with a custom tabBar component. The tab bar has five tabs, and the central one is a special "camera" button that is ...
Kamal's user avatar
  • 13
0 votes
0 answers
39 views

I'm working on a React Native project and want to use 9-patch images (similar to how Android handles scalable images with stretchable regions). These images are useful for backgrounds like buttons or ...
Jeet Kumar's user avatar
  • 1
0 votes
0 answers
159 views

Description SVG images are not showing `"name": "LearnOn", "version": "0.0.1", "private": true, "scripts": { "android": &...
GS James's user avatar
  • 13
0 votes
0 answers
29 views

I'm working on a monorepo project that includes both React Native and Next.js (Web). I'm encountering an issue where I am using react-native-svg for rendering SVGs. The problem arises when the code ...
Sadaqat Ali's user avatar
  • 1
0 votes
1 answer
35 views

I just want to know whether is it possible to change stroke-width of svg using .svgrrc file since we can change stroke and fill property. I tried to change but it didn't work. .svgrrc: { "...
Sagar Mandal's user avatar
  • 3
0 votes
0 answers
174 views

I am trying to animate a Rect component using react-native-reanimated and react-native-svg. The transform works on Android using useAnimatedProps, but on iOS and Web, the rectangle does not rotate. It ...
Maxime VANDROMME's user avatar
  • 13
0 votes
1 answer
211 views

I am facing a build issue in React Native version 0.78, specifically with react-native-svg. The build fails with the following error: C++ build system [build] failed while executing I installed react-...
Milan Detruja's user avatar
  • 3
0 votes
1 answer
190 views

I would like to see the corners of the following chart rounded as if it were a borderRadius style prop but cannot figure out what pathData element I am missing. It looks like strokeLineJoin and ...
patataskr's user avatar
  • 353
0 votes
0 answers
50 views

So I am working on a pet project of mine to control my water pumping motor from my mobile app with a "timer knob". Basically I am knew to animations in React Native, so need some help in ...
Musab Gulfam's user avatar
  • 316
0 votes
0 answers
154 views

CurvedBottomTab I am implementing an animated bottom tab with a cutout using d3-shape and react-native-reanimated following a guide from a GitHub repository: https://github.com/hewad-mubariz/...
ImKifu's user avatar
  • 1
1 vote
1 answer
104 views

I am getting an error when trying to run or build my React Native Expo app. The issue is coming from an SVG that I am using. At first I thought it was to do with SVGs in general, but I have found out ...
TreyCollier's user avatar
  • 479
0 votes
1 answer
107 views

I have a react-native app built using Expo. I am using react-native-svg to render Svg drawings/shapes. React-native elements like <Text> are not rendering inside the <Svg> component on ...
Abhinandan Kushwaha's user avatar
  • 828
0 votes
0 answers
339 views

I have a simple animated circular progress using react-native-svg and react-native-reanimated. This is the AnimatedCircle <Svg height={"90%"} width={"90%"} viewBox="0 0 100 ...
Blue's user avatar
  • 2
1 vote
0 answers
546 views

I tried to install react-native-svg-transformer into my Expo project, so I can load PNG and other image files from assets, transform SVG files, use @/src/... as alias. When I start the project, I ...
Oliver Hausler's user avatar
  • 5,007
1 vote
0 answers
48 views

Am trying to create a progress ring or circular progress that looks like the image below 👇 (https://i.sstatic.net/AJWAj408.jpg) But I can't seem to get that clipping effect. This is what I always end ...
Henry Stark's user avatar
  • 11
2 votes
3 answers
692 views

I'm working on a React Native project where I need to display a progress indicator that outlines a non-circular view. I tried using react-native-svg with the Circle component to create a circular ...
docker compose's user avatar
  • 871
0 votes
1 answer
164 views

I am building a facility management app. I have been given a .DWG file of the floor plan that I want to show on the app and make the desks and chairs clickable so that employees of that facility can ...
Shubham Kackar's user avatar
  • 1
0 votes
1 answer
227 views

I am trying to implement pinch and pan gestures to move and zoom an SVG. This SVG has multiple paths, and I am trying to implement zoom without losing any quality of the SVG, so I have to scale the ...
saqib's user avatar
  • 147
0 votes
1 answer
213 views

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 ...
Ido Aviram's user avatar
  • 13
0 votes
1 answer
3k views

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 ...
Tal Angel's user avatar
  • 1,846
1 vote
2 answers
838 views

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: "...
S. N's user avatar
  • 4,029
0 votes
0 answers
60 views

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 ...
Pawan Kumar Singh's user avatar
  • 11
0 votes
1 answer
416 views

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: ...
RoAJ's user avatar
  • 1
1 vote
1 answer
1k views

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 ...
Rodrigo Dias's user avatar
  • 198
0 votes
1 answer
66 views

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 ...
TIMEX's user avatar
  • 275k
-1 votes
0 answers
65 views

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 ...
Mikail Kartal's user avatar
  • 1
1 vote
1 answer
323 views

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 ...
Pabluor's user avatar
  • 11
2 votes
1 answer
4k views

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'. &...
Sva's user avatar
  • 295
-1 votes
1 answer
93 views

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 ...
Mike Flynn's user avatar
  • 23.4k
0 votes
1 answer
55 views

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 ...
Rover's user avatar
  • 780
1 vote
1 answer
2k views

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 ...
Takodana's user avatar
  • 51
1 vote
0 answers
101 views

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" ...
Papazy's user avatar
  • 11
0 votes
1 answer
208 views

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 ...
NextZuck's user avatar
  • 37
4 votes
0 answers
747 views

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....
Prapti Maheshwari's user avatar
  • 41
3 votes
1 answer
1k views

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 ...
chygo's user avatar
  • 476
1 vote
0 answers
899 views

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 ...
Sani's user avatar
  • 510
1 vote
2 answers
595 views

I am creating a custom category component that will load all of my SVGs listed in an object. import { type SvgProps } from 'react-native-svg'; import FoodAndDrink from './icon-svgs/food-and-drink.svg'...
Bryan Lumbantobing's user avatar
  • 693
1 vote
0 answers
55 views

I have a svgComponent JSX file in react native. in that I have almost 200 path components. i want to plot some circle on this world map based on data getting from API. how to search the path component ...
Manish Kumar's user avatar
  • 559
1 vote
1 answer
366 views

I'm trying to create the below crude example using react-native-svg. The background image is dynamic and requires a hollow circular mask. This also needs to blur that section of the background image. ...
wbdlc's user avatar
  • 1,089
1 vote
1 answer
1k views

In my code I tried to: import { useFonts } from 'expo-font' useFonts( { 'Robo Numbers':require( '../assets/fonts/my-custom.ttf' ), } ) Now when I render the RN own or RN-Paper's Text element, the ...
injecteer's user avatar
  • 20.8k
1 vote
0 answers
176 views

I created a custom animated component in react native like this: const AnimatedPath = Animated.createAnimatedComponent(Path); where Animated is imported from react-native and Path is imported from ...
Irfan wani's user avatar
  • 5,252
0 votes
1 answer
275 views

I am trying to make every path of svg as independent svg. I wasn't able to find any method to directy get the viewbox for a path. take this svg as example: import Svg, { Path } from 'react-native-svg';...
fishmeisterFTW's user avatar
  • 23
0 votes
0 answers
138 views

We have a map of a mall which is an image(SVG, or PNG), I'm asked to do the following: there is an input above the Map where user can look for a store by name, when a store is chosen it should be ...
Zero0's user avatar
  • 504
5 votes
0 answers
225 views

In my app I have this code: <Svg width={W} height={H} viewBox={viewBox} style={style} preserveAspectRatio="none"> <Defs> <Mask id="mask" x={0} y={0}...
injecteer's user avatar
  • 20.8k
1 vote
1 answer
433 views

I'm trying to draw a circular graph with SVG in React Native. I want to add a stroke to the chart. How can I do it? I did this. This is what I want to do. Code: return ( <View style={{ ...
Blogger Klik's user avatar
  • 110
0 votes
1 answer
2k views

I am trying to align this react-native-chart-kit bar graph to the center. Bar Chart This is code that I have currently: <BarChart data={{ labels: ["SU", "...
Brandon Peterson's user avatar
  • 13

1
2 3 4 5 6