React-Native OnPress event in Svg-Pattern
up vote
0
down vote
favorite
Is it possible to add a OnPress event inside a Svg/Pattern/Rect element? I am trying to make clickable cells inside a grid like this:
<Pattern
id="Grid"
patternUnits="objectBoundingBox"
x="0"
y="0"
width="50" // polygon.scale * 10 ?
height="50" // polygon.scale * 10 ?
viewBox="0 0 100 100"
>
<Rect width="100" height="100" fill="red" stroke="black" onPress={() =>
alert('Press on Circle')} />
</Pattern>
What other options are there?
react-native svg expo ontouch
edited Nov 21 at 19:04
c-chavez
2,05321528
asked Nov 21 at 18:56
Carst
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
up vote
0
down vote
favorite
Is it possible to add a OnPress event inside a Svg/Pattern/Rect element? I am trying to make clickable cells inside a grid like this:
<Pattern
id="Grid"
patternUnits="objectBoundingBox"
x="0"
y="0"
width="50" // polygon.scale * 10 ?
height="50" // polygon.scale * 10 ?
viewBox="0 0 100 100"
>
<Rect width="100" height="100" fill="red" stroke="black" onPress={() =>
alert('Press on Circle')} />
</Pattern>
What other options are there?
react-native svg expo ontouch
edited Nov 21 at 19:04
c-chavez
2,05321528
asked Nov 21 at 18:56
Carst
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
You didn't say but I asume that you are using react-native-svg, from what I can get it doesn't define any onPress If that the case according to their documentation onPress is supported
– Cristian Gomez
Nov 22 at 2:20
Hi Cristian, yes RN-svg. It's works on unnested elements, but it seems not inside a pattern element. Any solution or trick?
– Carst
2 days ago
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Is it possible to add a OnPress event inside a Svg/Pattern/Rect element? I am trying to make clickable cells inside a grid like this:
<Pattern
id="Grid"
patternUnits="objectBoundingBox"
x="0"
y="0"
width="50" // polygon.scale * 10 ?
height="50" // polygon.scale * 10 ?
viewBox="0 0 100 100"
>
<Rect width="100" height="100" fill="red" stroke="black" onPress={() =>
alert('Press on Circle')} />
</Pattern>
What other options are there?
react-native svg expo ontouch
edited Nov 21 at 19:04
c-chavez
2,05321528
asked Nov 21 at 18:56
Carst
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Is it possible to add a OnPress event inside a Svg/Pattern/Rect element? I am trying to make clickable cells inside a grid like this:
<Pattern
id="Grid"
patternUnits="objectBoundingBox"
x="0"
y="0"
width="50" // polygon.scale * 10 ?
height="50" // polygon.scale * 10 ?
viewBox="0 0 100 100"
>
<Rect width="100" height="100" fill="red" stroke="black" onPress={() =>
alert('Press on Circle')} />
</Pattern>
What other options are there?
react-native svg expo ontouch
react-native svg expo ontouch
edited Nov 21 at 19:04
c-chavez
2,05321528
asked Nov 21 at 18:56
Carst
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Nov 21 at 19:04
c-chavez
2,05321528
asked Nov 21 at 18:56
Carst
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Nov 21 at 19:04
c-chavez
2,05321528
edited Nov 21 at 19:04
c-chavez
2,05321528
edited Nov 21 at 19:04
c-chavez
2,05321528
2,05321528
asked Nov 21 at 18:56
Carst
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Nov 21 at 18:56
Carst
1
asked Nov 21 at 18:56
Carst
1
1
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Carst is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
You didn't say but I asume that you are using react-native-svg, from what I can get it doesn't define any onPress If that the case according to their documentation onPress is supported
– Cristian Gomez
Nov 22 at 2:20
Hi Cristian, yes RN-svg. It's works on unnested elements, but it seems not inside a pattern element. Any solution or trick?
– Carst
2 days ago
add a comment |
You didn't say but I asume that you are using react-native-svg, from what I can get it doesn't define any onPress If that the case according to their documentation onPress is supported
– Cristian Gomez
Nov 22 at 2:20
Hi Cristian, yes RN-svg. It's works on unnested elements, but it seems not inside a pattern element. Any solution or trick?
– Carst
2 days ago
You didn't say but I asume that you are using react-native-svg, from what I can get it doesn't define any onPress If that the case according to their documentation onPress is supported
– Cristian Gomez
Nov 22 at 2:20
You didn't say but I asume that you are using react-native-svg, from what I can get it doesn't define any onPress If that the case according to their documentation onPress is supported
– Cristian Gomez
Nov 22 at 2:20
Hi Cristian, yes RN-svg. It's works on unnested elements, but it seems not inside a pattern element. Any solution or trick?
– Carst
2 days ago
Hi Cristian, yes RN-svg. It's works on unnested elements, but it seems not inside a pattern element. Any solution or trick?
– Carst
2 days ago
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Carst is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Carst is a new contributor. Be nice, and check out our Code of Conduct.
Carst is a new contributor. Be nice, and check out our Code of Conduct.
Carst is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53418851%2freact-native-onpress-event-in-svg-pattern%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You didn't say but I asume that you are using react-native-svg, from what I can get it doesn't define any onPress If that the case according to their documentation onPress is supported
– Cristian Gomez
Nov 22 at 2:20
Hi Cristian, yes RN-svg. It's works on unnested elements, but it seems not inside a pattern element. Any solution or trick?
– Carst
2 days ago