ethantran/react-native-examples

UI examples from pttrns.com converted to React Native. Examples of SVG Animation with react-native-svg, flubber, d3

react-native-examples's Issues

How should we use this?

Wow.
What great work you have done!

I would like to use a lot of this, but ideally this should be a library or even implemented in react-native-svg.

How would you suggest that we use this?
Should we just copy the relevant code into our own projects? Or are there any planned work to merge this with react-native-svg? Do you know if your fixes will work with the upcoming RN-SVG 6? Will your fixes still be needed in version 6?

Not able to run

On my android, get

Attempting to configurable attribute of unconfigurable property

error.

npm 5.6.0

Thanks.

Polygon example does not work on Android

There seems to an issue with using "d=" and Polygon on android. "Points=" seems to work, bit I havent been able to convert the "d" path into points.

🚨 Potential Improper Access Control

👋 Hello, @ethantran - a potential high severity Improper Access Control vulnerability in your repository has been disclosed to us.

Next Steps

1️⃣ Visit https://huntr.dev/bounties/1-other-ethantran/react-native-examples for more advisory information.

2️⃣ Sign-up to validate or speak to the researcher for more assistance.

3️⃣ Propose a patch or outsource it to our community - whoever fixes it gets paid.

---

Confused or need more help?

• Join us on our Discord and a member of our team will be happy to help! 🤗

• Speak to a member of our team: @JamieSlome

---

This issue was automatically generated by huntr.dev - a bug bounty board for securing open source code.

android layout issus

@ethantran
why is not working in android can please help??

what should be I fill in `fillOpacity`?

According to the article, I should fill the string type in the fillOpacity.

However, I get this error:

But if I change the ouput value to number type,

it shows me another value says NSNumber cannot be converted to NSString.

So what should I do to fix this issue?

🚨 Potential Inappropriate Encoding for Output Context

👋 Hello, @ethantran - a potential high severity Inappropriate Encoding for Output Context vulnerability in your repository has been disclosed to us.

Next Steps

1️⃣ Visit https://huntr.dev/bounties/2-other-ethantran/react-native-examples for more advisory information.

2️⃣ Sign-up to validate or speak to the researcher for more assistance.

3️⃣ Propose a patch or outsource it to our community - whoever fixes it gets paid.

---

Confused or need more help?

• Join us on our Discord and a member of our team will be happy to help! 🤗

• Speak to a member of our team: @JamieSlome

---

This issue was automatically generated by huntr.dev - a bug bounty board for securing open source code.

Images for README

setnativeprops on G element

Hey Ethan! Absolutely love all the work you did with the animations !! I'm currently trying to setNativeProps on a G element and for the life of me I am having no luck. I was able to Path, Circle, etc.... but I was wondering if you ever played with the G element specifically ? Any tips would be greatly appreciated , Cheers!

Pie Animation

Could you demonstrate how would you do a pie animation where the pie animated from:
startAngle: 0, endAngle: 0
To
startAngle: 0, endAngle: 2*Math.PI
?

Something in the inspiration of this (just the first animation. this demo has several sequential animtations) :
https://bl.ocks.org/mbostock/4341574