Skip to main content

KeyboardTrackingView

<KeyboardTrackingView
 style={}
 trackInteractive
 useSafeArea
>
 
</KeyboardTrackingView>
APIThis is the list of additional props for the component

addBottomView
boolean
​

Add a view beneath the KeyboardAccessoryView.. Default is falseiOS only

allowHitsOutsideBounds
boolean
​

Allow hitting sub-views that are placed beyond the view bounds.. Default is falseiOS only

bottomViewColor
string
​

The bottom view's color.. Default is whiteiOS only

manageScrollView
boolean
​

Set to false to turn off inset management and manage it yourself.. Default is trueiOS only

ref
any
​

requiresSameParentToManageScrollView
boolean
​

Set to true manageScrollView is set to true and still does not work, it means that the ScrollView found is the wrong one and you'll have to have the KeyboardAccessoryView and the ScrollView as siblings and set this to true.. Default is falseiOS only

revealKeyboardInteractive
boolean
​

Show the keyboard on a negative scroll.. Default is falseiOS only

scrollBehavior
number
​

The scrolling behavior (use KeyboardTrackingView.scrollBehaviors.NONE | SCROLL_TO_BOTTOM_INVERTED_ONLY | FIXED_OFFSET)iOS only

scrollToFocusedInput
boolean
​

Should the scrollView scroll to the focused input

style
ViewStyle
​

trackInteractive
boolean
​

Enables tracking of the keyboard when it's dismissed interactively (false by default). Why? When using an external keyboard (BT), you still get the keyboard events and the view just hovers when you focus the input. Also, if you're not using interactive style of dismissing the keyboard (or if you don't have an input inside this view) it doesn't make sense to track it anyway. (This is caused because of the usage of inputAccessory to be able to track the keyboard interactive change and it introduces this bug)

useSafeArea
boolean
​

Whether or not to handle SafeArea.. Default is trueiOS only

usesBottomTabs
boolean
​

Whether or not to include bottom tab bar inset.. Default is falseiOS only