zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2025-12-20 05:55:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix #32

Browse Source 
Fix #32  (G elements context bug)
This commit is contained in:
Horcrux
2016-05-13 11:50:03 +08:00
parent ec67d4dae8
commit 91c6115e6e
3 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Example/examples/Gradients.js
View File

@@ -10,7 +10,8 @@ import Svg, {
Ellipse,
Circle,
Text,
Rect
Rect,
G
} from 'react-native-svg';
class LinearGradientHorizontal extends Component{
@@ -32,7 +33,7 @@ class LinearGradientHorizontal extends Component{
}
class LinearGradientVertical extends Component{
static title = 'Define an ellipse with a horizontal linear gradient from yellow to red';
static title = 'Define an ellipse with a vertical linear gradient from yellow to red';
render() {
return <Svg
height="150"
@@ -44,7 +45,11 @@ class LinearGradientVertical extends Component{
<Stop offset="100%" stopColor="red" stopOpacity="1" />
</LinearGradient>
</Defs>
<Ellipse cx="150" cy="75" rx="85" ry="55" fill="url(#grad)" />
<G>
<G>
<Ellipse cx="150" cy="75" rx="85" ry="55" fill="url(#grad)" />
</G>
</G>
</Svg>;
}
}