Comments (12)
Hey guys,
I fixed this issue on iOS and sent pull request to this repository. But for now you can use fixed version from my fork:
npm install shkatulo/react-native-radial-gradient --save
from react-native-radial-gradient.
in android , you can use colors={['rgba(0,255,255,1)','rgba(0,255,255,0)']}.
it is ok in android but don't work in ios.
from react-native-radial-gradient.
I've the same issue : On Android my transparent radial gradients are correctly rendered but on iOS the transparent color is transformed in black color.
from react-native-radial-gradient.
@TrebuhD @TheWebartist did you guys found any fix for this? @surajit-bitcanny @surajitsarkar19
from react-native-radial-gradient.
I haven't been able to achieve this effect using this library. I'm not sure it's possible with the current implementation in the java code.
I was able to throw something together using this library, but we're not using it in production: https://github.com/iyegoroff/react-native-image-filter-kit. It's an image filter library, but you can create a transparent image and generate a radial gradient on top of that.
You could try using https://github.com/react-native-community/react-native-svg, it might be more performant.
from react-native-radial-gradient.
The PR in question is #12.
from react-native-radial-gradient.
Not sure if the owner (@surajitsarkar19) is still active. Has anyone heard from him recently?
from react-native-radial-gradient.
+1 for Android issue. Even specifying colors like colors={['rgba(0,255,255,1)','rgba(0,255,255,0)']}
are rendering a 'square' not 'circle'. Same result with iOS (PR !12 is merged and I can verify that fix from @shkatulo is in codebase of module, but its not working on iOS too).
Any clue ??
from react-native-radial-gradient.
If this project is anymore active?
from react-native-radial-gradient.
No idea. It's a shame, because it's such an important feature, and this library is very simple and easy to use.
from react-native-radial-gradient.
I can totally understand if @surajitsarkar19 is no longer interested in maintaining the project, everyone has their priorities. Though if he could have mentioned state on repo home page (like deprecated / no longer being maintained), new users like me could have saved ton of time by not opting for this plugin.
Anyways, I don't have enough experience with native programming (a reason why I am using React Native) but hopefully someone having in depth idea about how native rendering is working will be able to get it resolved.
For now, I switched to SVG option.
from react-native-radial-gradient.
+1 for Android issue. Even specifying colors like
colors={['rgba(0,255,255,1)','rgba(0,255,255,0)']}
are rendering a 'square' not 'circle'. Same result with iOS (PR !12 is merged and I can verify that fix from @shkatulo is in codebase of module, but its not working on iOS too).Any clue ??
Just rebuilt project, where I use fixed code. Still works for me on both platforms, if I create gradient like this:
<RadialGradient
colors={[ '#C86DD7FF', '#C86DD760', '#C86DD700' ]}
center={[ gradX, gradY ]}
radius={radius}
style={StyleSheet.absoluteFillObject}/>
from react-native-radial-gradient.
Related Issues (20)
- Negative center coordinates are not working
- BorderRadius not working HOT 3
- Unable to press child button when using 2 absolutely positioned RadialGradients
- Add typescript support
- Suggestion: Add relative centering and radius
- Add @types to support the project with typescript HOT 4
- Any way to cut a quarter of the circle? HOT 1
- Center should be passed as {x: 0, y: 0} otherwise it won't update HOT 5
- multiple dependencies with different sources for `SRSRadialGradient` in `Podfile` HOT 5
- Reanimated animation HOT 1
- Could not find method compile() error on Android HOT 3
- Unable to link the package in react native 0.68.1 android
- Fix android build issue react-native 0.68
- No type declaration file? HOT 2
- Invariant Violation: requireNativeComponent: "SRSRadialGradient" was not found in the UIManager HOT 9
- Failed to list versions for com.facebook.react:react-native
- compile project(':react-native-radial-gradient') HOT 1
- iOS: libSRSRadialGradient.a no such file or directory HOT 1
- requireNativeComponent: "SRSRadialGradient" was not found in the UIManager. HOT 1
- iOS - Pod install issue with version 1.1.5 - No podspec found for `SRSRadialGradient` HOT 10
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-radial-gradient.