Skip to content

Commit 0304f08

Browse files
reck753reck753
authored
Add touch event props (#9)
* Add touch event props * Adjust types: - change `onPress*` argument to `Event.pressEvent` - change `delay*` type to `int`
1 parent 96fbfe3 commit 0304f08

File tree

1 file changed

+135
-0
lines changed

1 file changed

+135
-0
lines changed

‎src/ReactNativeSvg.res

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,6 +98,15 @@ module Svg = {
9898
~origin: string=?,
9999
~originX: size=?,
100100
~originY: size=?,
101+
// Responder Props
102+
~onPress: Event.pressEvent => unit=?,
103+
~onPressIn: Event.pressEvent => unit=?,
104+
~onPressOut: Event.pressEvent => unit=?,
105+
~onLongPress: Event.pressEvent => unit=?,
106+
~disabled: bool=?,
107+
~delayPressIn: int=?,
108+
~delayPressOut: int=?,
109+
~delayLongPress: int=?,
101110
) => React.element = "Svg"
102111
}
103112

@@ -141,6 +150,15 @@ module Rect = {
141150
~origin: string=?,
142151
~originX: size=?,
143152
~originY: size=?,
153+
// Responder Props
154+
~onPress: Event.pressEvent => unit=?,
155+
~onPressIn: Event.pressEvent => unit=?,
156+
~onPressOut: Event.pressEvent => unit=?,
157+
~onLongPress: Event.pressEvent => unit=?,
158+
~disabled: bool=?,
159+
~delayPressIn: int=?,
160+
~delayPressOut: int=?,
161+
~delayLongPress: int=?,
144162
) => React.element = "Rect"
145163
}
146164

@@ -183,6 +201,15 @@ module Circle = {
183201
~origin: string=?,
184202
~originX: size=?,
185203
~originY: size=?,
204+
// Responder Props
205+
~onPress: Event.pressEvent => unit=?,
206+
~onPressIn: Event.pressEvent => unit=?,
207+
~onPressOut: Event.pressEvent => unit=?,
208+
~onLongPress: Event.pressEvent => unit=?,
209+
~disabled: bool=?,
210+
~delayPressIn: int=?,
211+
~delayPressOut: int=?,
212+
~delayLongPress: int=?,
186213
) => React.element = "Circle"
187214
}
188215

@@ -226,6 +253,15 @@ module Ellipse = {
226253
~origin: string=?,
227254
~originX: size=?,
228255
~originY: size=?,
256+
// Responder Props
257+
~onPress: Event.pressEvent => unit=?,
258+
~onPressIn: Event.pressEvent => unit=?,
259+
~onPressOut: Event.pressEvent => unit=?,
260+
~onLongPress: Event.pressEvent => unit=?,
261+
~disabled: bool=?,
262+
~delayPressIn: int=?,
263+
~delayPressOut: int=?,
264+
~delayLongPress: int=?,
229265
) => React.element = "Ellipse"
230266
}
231267

@@ -269,6 +305,15 @@ module Line = {
269305
~origin: string=?,
270306
~originX: size=?,
271307
~originY: size=?,
308+
// Responder Props
309+
~onPress: Event.pressEvent => unit=?,
310+
~onPressIn: Event.pressEvent => unit=?,
311+
~onPressOut: Event.pressEvent => unit=?,
312+
~onLongPress: Event.pressEvent => unit=?,
313+
~disabled: bool=?,
314+
~delayPressIn: int=?,
315+
~delayPressOut: int=?,
316+
~delayLongPress: int=?,
272317
) => React.element = "Line"
273318
}
274319

@@ -309,6 +354,15 @@ module Polygon = {
309354
~origin: string=?,
310355
~originX: size=?,
311356
~originY: size=?,
357+
// Responder Props
358+
~onPress: Event.pressEvent => unit=?,
359+
~onPressIn: Event.pressEvent => unit=?,
360+
~onPressOut: Event.pressEvent => unit=?,
361+
~onLongPress: Event.pressEvent => unit=?,
362+
~disabled: bool=?,
363+
~delayPressIn: int=?,
364+
~delayPressOut: int=?,
365+
~delayLongPress: int=?,
312366
) => React.element = "Polygon"
313367
}
314368

@@ -349,6 +403,15 @@ module Polyline = {
349403
~origin: string=?,
350404
~originX: size=?,
351405
~originY: size=?,
406+
// Responder Props
407+
~onPress: Event.pressEvent => unit=?,
408+
~onPressIn: Event.pressEvent => unit=?,
409+
~onPressOut: Event.pressEvent => unit=?,
410+
~onLongPress: Event.pressEvent => unit=?,
411+
~disabled: bool=?,
412+
~delayPressIn: int=?,
413+
~delayPressOut: int=?,
414+
~delayLongPress: int=?,
352415
) => React.element = "Polyline"
353416
}
354417

@@ -389,6 +452,15 @@ module Path = {
389452
~origin: string=?,
390453
~originX: size=?,
391454
~originY: size=?,
455+
// Responder Props
456+
~onPress: Event.pressEvent => unit=?,
457+
~onPressIn: Event.pressEvent => unit=?,
458+
~onPressOut: Event.pressEvent => unit=?,
459+
~onLongPress: Event.pressEvent => unit=?,
460+
~disabled: bool=?,
461+
~delayPressIn: int=?,
462+
~delayPressOut: int=?,
463+
~delayLongPress: int=?,
392464
) => React.element = "Path"
393465
}
394466

@@ -508,6 +580,15 @@ module Text = {
508580
~origin: string=?,
509581
~originX: size=?,
510582
~originY: size=?,
583+
// Responder Props
584+
~onPress: Event.pressEvent => unit=?,
585+
~onPressIn: Event.pressEvent => unit=?,
586+
~onPressOut: Event.pressEvent => unit=?,
587+
~onLongPress: Event.pressEvent => unit=?,
588+
~disabled: bool=?,
589+
~delayPressIn: int=?,
590+
~delayPressOut: int=?,
591+
~delayLongPress: int=?,
511592
) => React.element = "Text"
512593
}
513594

@@ -628,6 +709,15 @@ module TextPath = {
628709
~origin: string=?,
629710
~originX: size=?,
630711
~originY: size=?,
712+
// Responder Props
713+
~onPress: Event.pressEvent => unit=?,
714+
~onPressIn: Event.pressEvent => unit=?,
715+
~onPressOut: Event.pressEvent => unit=?,
716+
~onLongPress: Event.pressEvent => unit=?,
717+
~disabled: bool=?,
718+
~delayPressIn: int=?,
719+
~delayPressOut: int=?,
720+
~delayLongPress: int=?,
631721
) => React.element = "TextPath"
632722
}
633723

@@ -720,6 +810,15 @@ module Tspan = {
720810
~origin: string=?,
721811
~originX: size=?,
722812
~originY: size=?,
813+
// Responder Props
814+
~onPress: Event.pressEvent => unit=?,
815+
~onPressIn: Event.pressEvent => unit=?,
816+
~onPressOut: Event.pressEvent => unit=?,
817+
~onLongPress: Event.pressEvent => unit=?,
818+
~disabled: bool=?,
819+
~delayPressIn: int=?,
820+
~delayPressOut: int=?,
821+
~delayLongPress: int=?,
723822
) => React.element = "TSpan"
724823
}
725824

@@ -763,6 +862,15 @@ module Use = {
763862
~origin: string=?,
764863
~originX: size=?,
765864
~originY: size=?,
865+
// Responder Props
866+
~onPress: Event.pressEvent => unit=?,
867+
~onPressIn: Event.pressEvent => unit=?,
868+
~onPressOut: Event.pressEvent => unit=?,
869+
~onLongPress: Event.pressEvent => unit=?,
870+
~disabled: bool=?,
871+
~delayPressIn: int=?,
872+
~delayPressOut: int=?,
873+
~delayLongPress: int=?,
766874
) => React.element = "Use"
767875
}
768876

@@ -802,6 +910,15 @@ module G = {
802910
~origin: string=?,
803911
~originX: size=?,
804912
~originY: size=?,
913+
// Responder Props
914+
~onPress: Event.pressEvent => unit=?,
915+
~onPressIn: Event.pressEvent => unit=?,
916+
~onPressOut: Event.pressEvent => unit=?,
917+
~onLongPress: Event.pressEvent => unit=?,
918+
~disabled: bool=?,
919+
~delayPressIn: int=?,
920+
~delayPressOut: int=?,
921+
~delayLongPress: int=?,
805922
) => React.element = "G"
806923
}
807924

@@ -861,6 +978,15 @@ module Image = {
861978
~origin: string=?,
862979
~originX: size=?,
863980
~originY: size=?,
981+
// Responder Props
982+
~onPress: Event.pressEvent => unit=?,
983+
~onPressIn: Event.pressEvent => unit=?,
984+
~onPressOut: Event.pressEvent => unit=?,
985+
~onLongPress: Event.pressEvent => unit=?,
986+
~disabled: bool=?,
987+
~delayPressIn: int=?,
988+
~delayPressOut: int=?,
989+
~delayLongPress: int=?,
864990
) => React.element = "Image"
865991
}
866992

@@ -950,6 +1076,15 @@ module Mask = {
9501076
~origin: string=?,
9511077
~originX: size=?,
9521078
~originY: size=?,
1079+
// Responder Props
1080+
~onPress: Event.pressEvent => unit=?,
1081+
~onPressIn: Event.pressEvent => unit=?,
1082+
~onPressOut: Event.pressEvent => unit=?,
1083+
~onLongPress: Event.pressEvent => unit=?,
1084+
~disabled: bool=?,
1085+
~delayPressIn: int=?,
1086+
~delayPressOut: int=?,
1087+
~delayLongPress: int=?,
9531088
) => React.element = "Mask"
9541089
}
9551090

0 commit comments

Comments
 (0)