feat: adds bindings for TouchableNativeFeedback component.

Author: Trancever

lib/js/src/components/touchableNativeFeedback.js

@@ -0,0 +1,105 @@
+[@bs.module "react-native"]
+external view : ReasonReact.reactClass = "TouchableNativeFeedback";
+
+type t;
+
+[@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
+external selectableBackground : unit => t = "SelectableBackground";
+
+[@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
+external selectableBackgroundBorderless : unit => t =
+ "SelectableBackgroundBorderless";
+
+[@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
+external canUseNativeForeground : unit => t = "CanUseNativeForeground";
+
+[@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
+external ripple : (string, bool) => t = "Ripple";
+
+let make =
+ (
+ ~accessible=?,
+ ~accessibilityLabel=?,
+ ~accessibilityComponentType=?,
+ ~accessibilityTraits=?,
+ ~delayLongPress=?,
+ ~delayPressIn=?,
+ ~delayPressOut=?,
+ ~disabled=?,
+ ~hitSlop=?,
+ ~onLayout=?,
+ ~onLongPress=?,
+ ~onPress=?,
+ ~onPressIn=?,
+ ~onPressOut=?,
+ ~pressRetentionOffset=?,
+ ~style=?,
+ ~background=?,
+ ~useForeground=?,
+ ) =>
+ ReasonReact.wrapJsForReason(
+ ~reactClass=view,
+ ~props=
+ Js.Undefined.(
+ {
+ "accessible": fromOption(UtilsRN.optBoolToOptJsBoolean(accessible)),
+ "accessibilityLabel": fromOption(accessibilityLabel),
+ "delayLongPress": fromOption(delayLongPress),
+ "delayPressIn": fromOption(delayPressIn),
+ "delayPressOut": fromOption(delayPressOut),
+ "disabled": fromOption(UtilsRN.optBoolToOptJsBoolean(disabled)),
+ "hitSlop": fromOption(hitSlop),
+ "onLayout": fromOption(onLayout),
+ "onLongPress": fromOption(onLongPress),
+ "onPress": fromOption(onPress),
+ "background": fromOption(background),
+ "onPressIn": fromOption(onPressIn),
+ "onPressOut": fromOption(onPressOut),
+ "pressRetentionOffset": fromOption(pressRetentionOffset),
+ "style": fromOption(style),
+ "useForeground":
+ fromOption(UtilsRN.optBoolToOptJsBoolean(useForeground)),
+ "accessibilityComponentType":
+ fromOption(
+ UtilsRN.option_map(
+ x =>
+ switch (x) {
+ | `none => "none"
+ | `button => "button"
+ | `radiobutton_checked => "radiobutton_checked-none"
+ | `radiobutton_unchecked => "radiobutton_unchecked"
+ },
+ accessibilityComponentType,
+ ),
+ ),
+ "accessibilityTraits":
+ fromOption(
+ UtilsRN.option_map(
+ traits => {
+ let to_string =
+ fun
+ | `none => "none"
+ | `button => "button"
+ | `link => "link"
+ | `header => "header"
+ | `search => "search"
+ | `image => "image"
+ | `selected => "selected"
+ | `plays => "plays"
+ | `key => "key"
+ | `text => "text"
+ | `summary => "summary"
+ | `disabled => "disabled"
+ | `frequentUpdates => "frequentUpdates"
+ | `startsMedia => "startsMedia"
+ | `adjustable => "adjustable"
+ | `allowsDirectInteraction => "allowsDirectInteraction"
+ | `pageTurn => "pageTurn";
+ traits |> List.map(to_string) |> Array.of_list;
+ },
+ accessibilityTraits,
+ ),
+ ),
+ }
+ ),
+ );

src/components/touchableNativeFeedback.re

@@ -0,0 +1,59 @@
+type t;
+let selectableBackground: unit => t;
+let selectableBackgroundBorderless: unit => t;
+let canUseNativeForeground: unit => t;
+let ripple: (string, bool) => t;
+let make:
+ (
+ ~accessible: bool=?,
+ ~accessibilityLabel: string=?,
+ ~accessibilityComponentType: [
+ | `none
+ | `button
+ | `radiobutton_checked
+ | `radiobutton_unchecked
+ ]
+ =?,
+ ~accessibilityTraits: list(
+ [
+ | `none
+ | `button
+ | `link
+ | `header
+ | `search
+ | `image
+ | `selected
+ | `plays
+ | `key
+ | `text
+ | `summary
+ | `disabled
+ | `frequentUpdates
+ | `startsMedia
+ | `adjustable
+ | `allowsDirectInteraction
+ | `pageTurn
+ ],
+ )
+ =?,
+ ~delayLongPress: int=?,
+ ~delayPressIn: int=?,
+ ~delayPressOut: int=?,
+ ~disabled: bool=?,
+ ~hitSlop: Types.insets=?,
+ ~onLayout: RNEvent.NativeLayoutEvent.t => unit=?,
+ ~onLongPress: unit => unit=?,
+ ~onPress: unit => unit=?,
+ ~onPressIn: unit => unit=?,
+ ~onPressOut: unit => unit=?,
+ ~pressRetentionOffset: Types.insets=?,
+ ~style: Style.t=?,
+ ~background: t=?,
+ ~useForeground: bool=?,
+ array(ReasonReact.reactElement)
+ ) =>
+ ReasonReact.component(
+ ReasonReact.stateless,
+ ReasonReact.noRetainedProps,
+ unit,
+ );