Merge pull request #164 from mobily/keyboardavoidingview-component

Add `KeyboardAvoidingView` bindings (component)

Author: arnarthor

STATUS.md

@@ -10,7 +10,7 @@
 - [x] FlatList
 - [x] Image
 - [x] Image Background
-- [ ] KeyboardAvoidingView
+- [x] KeyboardAvoidingView
 - [ ] ListView
 - [ ] MapView
 - [x] Modal

lib/js/src/components/keyboardAvoidingView.js

@@ -0,0 +1,67 @@
+[@bs.deriving jsConverter]
+type behavior = [ | `height | `position | `padding];
+
+[@bs.module "react-native"]
+external keyboardAvoidingView : ReasonReact.reactClass =
+ "KeyboardAvoidingView";
+
+let make =
+ (
+ ~accessibilityLabel=?,
+ ~accessible=?,
+ ~hitSlop=?,
+ ~onAccessibilityTap=?,
+ ~onLayout=?,
+ ~onMagicTap=?,
+ ~responderHandlers=?,
+ ~pointerEvents=?,
+ ~removeClippedSubviews=?,
+ ~style=?,
+ ~testID=?,
+ ~accessibilityComponentType=?,
+ ~accessibilityLiveRegion=?,
+ ~collapsable=?,
+ ~importantForAccessibility=?,
+ ~needsOffscreenAlphaCompositing=?,
+ ~renderToHardwareTextureAndroid=?,
+ ~accessibilityTraits=?,
+ ~accessibilityViewIsModal=?,
+ ~shouldRasterizeIOS=?,
+ ~keyboardVerticalOffset=?,
+ ~behavior=?,
+ ~contentContainerStyle=?,
+ ) =>
+ ReasonReact.wrapJsForReason(
+ ~reactClass=keyboardAvoidingView,
+ ~props=
+ Js.Undefined.(
+ Props.extendView(
+ ~accessibilityLabel?,
+ ~accessible?,
+ ~hitSlop?,
+ ~onAccessibilityTap?,
+ ~onLayout?,
+ ~onMagicTap?,
+ ~responderHandlers?,
+ ~pointerEvents?,
+ ~removeClippedSubviews?,
+ ~style?,
+ ~testID?,
+ ~accessibilityComponentType?,
+ ~accessibilityLiveRegion?,
+ ~collapsable?,
+ ~importantForAccessibility?,
+ ~needsOffscreenAlphaCompositing?,
+ ~renderToHardwareTextureAndroid?,
+ ~accessibilityTraits?,
+ ~accessibilityViewIsModal?,
+ ~shouldRasterizeIOS?,
+ {
+ "keyboardVerticalOffset": fromOption(keyboardVerticalOffset),
+ "behavior":
+ fromOption(UtilsRN.option_map(behaviorToJs, behavior)),
+ "contentContainerStyle": fromOption(contentContainerStyle),
+ },
+ )
+ ),
+ );

src/components/keyboardAvoidingView.re

@@ -0,0 +1,59 @@
+let make:
+ (
+ ~accessibilityLabel: string=?,
+ ~accessible: bool=?,
+ ~hitSlop: Types.insets=?,
+ ~onAccessibilityTap: unit => unit=?,
+ ~onLayout: RNEvent.NativeLayoutEvent.t => unit=?,
+ ~onMagicTap: unit => unit=?,
+ ~responderHandlers: Types.touchResponderHandlers=?,
+ ~pointerEvents: [ | `auto | `boxNone | `boxOnly | `none]=?,
+ ~removeClippedSubviews: bool=?,
+ ~style: Style.t=?,
+ ~testID: string=?,
+ ~accessibilityComponentType: [
+ | `button
+ | `none
+ | `radiobutton_checked
+ | `radiobutton_unchecked
+ ]
+ =?,
+ ~accessibilityLiveRegion: [ | `assertive | `none | `polite]=?,
+ ~collapsable: bool=?,
+ ~importantForAccessibility: [ | `auto | `no | `noHideDescendants | `yes]=?,
+ ~needsOffscreenAlphaCompositing: bool=?,
+ ~renderToHardwareTextureAndroid: bool=?,
+ ~accessibilityTraits: list(
+ [
+ | `adjustable
+ | `allowsDirectInteraction
+ | `button
+ | `disabled
+ | `frequentUpdates
+ | `header
+ | `image
+ | `key
+ | `link
+ | `none
+ | `pageTurn
+ | `plays
+ | `search
+ | `selected
+ | `startsMedia
+ | `summary
+ | `text
+ ],
+ )
+ =?,
+ ~accessibilityViewIsModal: bool=?,
+ ~shouldRasterizeIOS: bool=?,
+ ~keyboardVerticalOffset: float=?,
+ ~behavior: [ | `height | `position | `padding]=?,
+ ~contentContainerStyle: Style.t=?,
+ array(ReasonReact.reactElement)
+ ) =>
+ ReasonReact.component(
+ ReasonReact.stateless,
+ ReasonReact.noRetainedProps,
+ unit,
+ );