287 questions
0
votes
1
answer
42
views
How do I render history + forecast as two separate line segments in React Native on one categorical axis without fake zero/null tails?
I’m building a price forecast screen in React Native.
I have:
historical prices for the last ~30 dates
forecast prices for the next 14 dates
I want to show them on one chart as:
one line for ...
0
votes
0
answers
83
views
Using `npx knip` to find all unused .svg imports in JS/TS project?
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 ...
- 3,138
1
vote
1
answer
206
views
Execution failed for task react-native-svg:compileDebugJavaWithJavac AND react-native-safe-area-context:compileDebugKotlin
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 '...
- 11
0
votes
0
answers
48
views
Render SVG Image from URL in React-Native
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 ...
- 1,936
0
votes
1
answer
251
views
SVGs not working in expo android app using react-native-svg
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, ...
- 529
0
votes
1
answer
260
views
How can I create a curved "notch" in a custom React Native tab bar using SVG to wrap a central floating button?
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 ...
- 13
0
votes
0
answers
55
views
How to create and use 9-patch images in React Native?
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 ...
0
votes
0
answers
207
views
react-native-svg - React Native SVG icons are not working after updating 0.77.0 to 0.79.2 ( It was working before version )
Description
SVG images are not showing
`"name": "LearnOn",
"version": "0.0.1",
"private": true,
"scripts": {
"android": &...
- 23
0
votes
0
answers
29
views
Syntax Error and Platform-Specific SVG Import Issue in React Native & Next.js Monorepo(tsx)
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 ...
0
votes
1
answer
40
views
Can we change stroke-width of svg, as we can change stroke color in react-native-svg-transformer?
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:
{
"...
0
votes
1
answer
279
views
React Native 0.78 Build Failure: C++ Build System Error with react-native-svg
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-...
0
votes
1
answer
252
views
Round path corners with react-native-svg
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 ...
- 353
1
vote
1
answer
122
views
React Native Add To Apple Wallet SVG Failure
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 ...
- 479
0
votes
1
answer
138
views
React-native elements like <Text> are not rendering inside the <Svg> component on expo web
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 ...
0
votes
0
answers
355
views
React Native Reanimated interpolateColor issue
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 ...
- 2