mirror of
https://github.com/status-im/react-native.git
synced 2025-01-09 17:15:54 +00:00
60db876f66
Summary: public RCTUIManager is a public module with several useful methods, however, unlike most such modules, it does not have a JS wrapper that would allow it to be required directly. Besides making it more cumbersome to use, this also makes it impossible to modify the UIManager API, or smooth over differences between platforms in the JS layer without breaking all of the call sites. This diff adds a simple JS wrapper file for the UIManager module to make it easier to work with. Reviewed By: tadeuzagallo Differential Revision: D2700348 fb-gh-sync-id: dd9030eface100b1baf756da11bae355dc0f266f
77 lines
2.1 KiB
JavaScript
77 lines
2.1 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule TextInputState
|
|
* @flow
|
|
*
|
|
* This class is responsible for coordinating the "focused"
|
|
* state for TextInputs. All calls relating to the keyboard
|
|
* should be funneled through here
|
|
*/
|
|
'use strict';
|
|
|
|
var Platform = require('Platform');
|
|
var UIManager = require('UIManager');
|
|
|
|
var TextInputState = {
|
|
/**
|
|
* Internal state
|
|
*/
|
|
_currentlyFocusedID: (null: ?number),
|
|
|
|
/**
|
|
* Returns the ID of the currently focused text field, if one exists
|
|
* If no text field is focused it returns null
|
|
*/
|
|
currentlyFocusedField: function(): ?number {
|
|
return this._currentlyFocusedID;
|
|
},
|
|
|
|
/**
|
|
* @param {number} TextInputID id of the text field to focus
|
|
* Focuses the specified text field
|
|
* noop if the text field was already focused
|
|
*/
|
|
focusTextInput: function(textFieldID: ?number) {
|
|
if (this._currentlyFocusedID !== textFieldID && textFieldID !== null) {
|
|
this._currentlyFocusedID = textFieldID;
|
|
if (Platform.OS === 'ios') {
|
|
UIManager.focus(textFieldID);
|
|
} else if (Platform.OS === 'android') {
|
|
UIManager.dispatchViewManagerCommand(
|
|
textFieldID,
|
|
UIManager.AndroidTextInput.Commands.focusTextInput,
|
|
null
|
|
);
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @param {number} textFieldID id of the text field to focus
|
|
* Unfocuses the specified text field
|
|
* noop if it wasn't focused
|
|
*/
|
|
blurTextInput: function(textFieldID: ?number) {
|
|
if (this._currentlyFocusedID === textFieldID && textFieldID !== null) {
|
|
this._currentlyFocusedID = null;
|
|
if (Platform.OS === 'ios') {
|
|
UIManager.blur(textFieldID);
|
|
} else if (Platform.OS === 'android') {
|
|
UIManager.dispatchViewManagerCommand(
|
|
textFieldID,
|
|
UIManager.AndroidTextInput.Commands.blurTextInput,
|
|
null
|
|
);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
module.exports = TextInputState;
|