Posts

Showing posts with the label svg

React-Native Build Error after linking react-native-svg

I've had the error when trying to display a AreaChart in react-native that No View Manager defined for class RNSVGLine and found that for many people linking react-native to react-native-svg solved this issue. For me it just made me achieve a build error. Unlinking it solves the build problem, but it is back to the previous error. import { AreaChart } from 'react-native-svg-charts' This is the import and the package and it is installed using npm. return ( <AreaChart style={ { height: 200 } } dataPoints={ data } fillColor={ 'rgba(134, 65, 244, 0.2)' } strokeColor={ 'rgb(134, 65, 244)' } contentInset={ { top: 30, bottom: 30 } } curve={shape.curveNatural} /> ); and this is where I try to render it. I have no more ideas of what to do, going in the MainApplication.java and manually importing it does not solve the problem for me. The problem wa...

Flip most of an svg image, but not the text within it

I have a big collection of svg images like this: <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"> <g stroke="lightgray" stroke-dasharray="1,1" stroke-width="1" transform="scale(4, 4)"> <line x1="0" y1="0" x2="256" y2="256"></line> <line x1="256" y1="0" x2="0" y2="256"></line> <line x1="128" y1="0" x2="128" y2="256"></line> <line x1="0" y1="128" x2="256" y2="128"></line> </g> <g transform="scale(1, -1) translate(0, -900)"> <style> .stroke1 {fill: #BF0909;} .stroke2 {fill: #BFBF09;} .stroke3 {fill: #09BF09;} .stroke4 {fill: #09BFBF;} .stroke5 {fill: #0909BF;} .stroke6 {fi...