react-native-svg Questions

3

I am trying to use SVG in my react native project. This is the code for my component: <Svg xmlns="http://www.w3.org/2000/svg" width="100%" height="507" viewBox="0 0 375 507" style={{position:'a...
Codee asked 11/3, 2019 at 14:31

5

Got this error after upgrading expo 35 to 36. Unable to resolve "../../data" from "node_modules/css-tree/lib/syntax/default.js" I've tried to yarn add css-tree. This error was gone, but then mod...
Shook asked 13/12, 2019 at 12:10

3

I am currently trying to use React Native SVG to render SVG components in my RN app. However, the metro.config.js configuration causes some errors I cannot seem to resolve. I have installed react-n...
Ingesta asked 14/2, 2022 at 2:35

2

Solved

I am using react-native-svg module and I want to draw a circle divided to n slices. My circle radius is 41 and the center of it is (50, 50) for example for n=6 I want to draw something like this: ...
Truculent asked 14/12, 2019 at 19:35

2

please consider that I'm not very familiar with Android development. Trying to generate the Android signed bundle for my React Native app, I've stumbled upon the following error: Task :app:mergeDex...
Capella asked 6/4, 2020 at 19:32

2

I am developing an React Native project. Our backend returns a URL which points to a remote SVG image. I need to not only show the SVG but also be able to pan and zoom it in the mobile app. To sho...
Alvira asked 22/11, 2020 at 10:5

3

I have created a simple animation with Animated from react-native with react-native-svg. This do the jobs well, But Now I switched to react-native-reanimated cuz I read on their website that rean...

3

Solved

I am currently creating a React Native app and still am unsure about how to best handle states for my use case. I use react-native-svg to create a rather complex figure in the app, which is stored...

1

Solved

I have an SVG component, and I am trying to pass in width and height props in order to scale all my icons to the same size depending on the display. import React from "react"; import Svg, { G, Pat...
Shepp asked 13/2, 2020 at 19:30

1

I am trying to put multiple line charts showing different data in one graph but am unable to do so in react-native using react-native-svg-charts. <View style= {{height: 200}}> <LineChar...

1

Trying to clip an Image component with an svg ClipPath is proving problematic. I can clip a Rect no problem, but when I replace the Rect with an Image, nothing shows up. octogon.points = "80,0.3 ...
Elan asked 25/7, 2019 at 1:56

2

Solved

I have simple animation interpolation going on for <Rect /> element, however I see no changes on my ui, as if width is staying 0. I manually added my end value to the component as width={149...
1

© 2022 - 2024 — McMap. All rights reserved.