status-im/react-native
2
0
Fork 0
mirror of https://github.com/status-im/react-native.git synced 2025-01-28 18:25:06 +00:00
Code Issues Projects Releases Wiki Activity

[madman] prevent pulling the content down inconsistently when the keyboard shows up

Browse Source
This commit is contained in:
Kevin Gozali 2015-04-03 11:13:20 -07:00
parent 28fb6ca5a4
commit 6681274f43
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
Libraries/Components/ScrollResponder.js
View File

@ -364,10 +364,16 @@ var ScrollResponderMixin = {
/** /**
* This method should be used as the callback to onFocus in a TextInputs' * This method should be used as the callback to onFocus in a TextInputs'
* parent view. Note that any module using this mixin needs to return * parent view. Note that any module using this mixin needs to return
* the parent view's ref in getScrollViewRef() in order to use this method * the parent view's ref in getScrollViewRef() in order to use this method.
* @param {any} nodeHandle The TextInput node handle
* @param {number} additionalOffset The scroll view's top "contentInset".
* Default is 0.
* @param {bool} preventNegativeScrolling Whether to allow pulling the content
* down to make it meet the keyboard's top. Default is false.
*/ */
scrollResponderScrollNativeHandleToKeyboard: function(nodeHandle: any, additionalOffset?: number) { scrollResponderScrollNativeHandleToKeyboard: function(nodeHandle: any, additionalOffset?: number, preventNegativeScrollOffset?: bool) {
this.additionalScrollOffset = additionalOffset || 0; this.additionalScrollOffset = additionalOffset || 0;
this.preventNegativeScrollOffset = !!preventNegativeScrollOffset;
RCTUIManager.measureLayout( RCTUIManager.measureLayout(
nodeHandle, nodeHandle,
this.getNodeHandle(), this.getNodeHandle(),
@ -386,14 +392,23 @@ var ScrollResponderMixin = {
* @param {number} width Width of the text input. * @param {number} width Width of the text input.
* @param {number} height Height of the text input. * @param {number} height Height of the text input.
*/ */
scrollResponderInputMeasureAndScrollToKeyboard: function(left: number, top: number, width: number, height: number) { scrollResponderInputMeasureAndScrollToKeyboard: function(left: number, top: number, width: number, height: number) {
if (this.keyboardWillOpenTo) { if (this.keyboardWillOpenTo) {
var scrollOffsetY = var scrollOffsetY =
top - this.keyboardWillOpenTo.endCoordinates.screenY + height + top - this.keyboardWillOpenTo.endCoordinates.screenY + height +
this.additionalScrollOffset; this.additionalScrollOffset;
// By default, this can scroll with negative offset, pulling the content
// down so that the target component's bottom meets the keyboard's top.
// If requested otherwise, cap the offset at 0 minimum to avoid content
// shifting down.
if (this.preventNegativeScrollOffset) {
scrollOffsetY = Math.max(0, scrollOffsetY);
}
this.scrollResponderScrollTo(0, scrollOffsetY); this.scrollResponderScrollTo(0, scrollOffsetY);
} }
this.additionalOffset = 0; this.additionalOffset = 0;
this.preventNegativeScrollOffset = false;
}, },
scrollResponderTextInputFocusError: function(e: Event) { scrollResponderTextInputFocusError: function(e: Event) {