Comments (3)
felixakiragreen
commented on April 28, 2024
It would make sense that you can't render a react component inside a SVG component. <Svg> doesn't have all the DOM diffing, et cetera that a react component does.
from react-native-svg.
steveliles
commented on April 28, 2024
I don't have problems rendering components inside the Svg hierarchy provide they don't return null or false (see #84).
Even state/props changes resolve correctly and trigger re-renders just fine (I am able to animate deeply nested components using state changes) so as far as I can tell diffing and reconciliation are working correctly.
from react-native-svg.
msand
commented on April 28, 2024
Not sure if this used to be an issue in some old version, but works fine now at least. Will close this for now.
from react-native-svg.
Related Issues (20)
- SVG not rendering correctly
- Build issue in React Native "new architecture" for iOS
- error: Error: Unable to resolve module ../fabric/NativeSvgRenderableModule
- snacks (from expo) with react-native-svg crash on native HOT 2
- <Circle /> inside a <Mask /> is not scaled correctly
- Windows Release builds failing due to missing deps (Patch File Fix) HOT 1
- Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: number. Check the render method of `Home`. HOT 2
- Exception thrown while executing UI block: -[RNSVGSvgView setOnClick:]: unrecognized selector sent to instance 0x10840d340 HOT 1
- Usage of std::stof crashes on Windows when using some non-English languages/locales (i.e. German / de) HOT 2
- `translateY` isn't working in react-native-web
- `Module parse failed` error when building for Storybook for web
- React Native Svg Linear Gradient Not loading when redirecting to bottom navigation tab HOT 1
- [Error: Expected > (0:110). If this is valid SVG, it's probably a bug. Please raise an issue HOT 3
- toDataURL only works the second time it is executed in old Arch HOT 1
- [Invariant Violation: requireNativeComponent: "RNSVGSvgView" was not found in the UIManager. HOT 7
- onPress in Path don't works on iOS, on android works
- The onPress method in the Path component works on android but not on ios.
- Svg Image pointerEvents="none" not working on Android
- Invalid `RNSVG.podspec` file: undefined method `visionos' for #<Pod::Specification name="RNSVG">. HOT 11
- Invariant Violation: requireNativeComponent: "RNSVGPath" was not found in the UIManager. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-svg.