kylefang/react-native-web
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-04-28 12:24:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

[add] TextInput support for isFocused

Browse Source
This commit is contained in:
Nicolas Gallagher
2016-10-27 22:31:43 -07:00
parent 9db3bd7e67
commit 2a65ca6fc0
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/components/TextInput.md
View File

@@ -157,6 +157,10 @@ Clear the text from the underlying DOM input.
Focus the underlying DOM input. Focus the underlying DOM input.
**isFocused()**
Returns `true` if the input is currently focused; `false` otherwise.
## Examples ## Examples
```js ```js

8
src/components/TextInput/index.js
View File

@@ -72,6 +72,10 @@ class TextInput extends Component {
TextInputState.focusTextInput(ReactDOM.findDOMNode(this._inputRef)); TextInputState.focusTextInput(ReactDOM.findDOMNode(this._inputRef));
} }
isFocused() {
return TextInputState.currentlyFocusedField() === ReactDOM.findDOMNode(this._inputRef);
}
setNativeProps(props) { setNativeProps(props) {
UIManager.updateView(this._inputRef, props, this); UIManager.updateView(this._inputRef, props, this);
} }
@@ -247,8 +251,6 @@ class TextInput extends Component {
} }
} }
applyNativeMethods(TextInput);
const styles = StyleSheet.create({ const styles = StyleSheet.create({
initial: { initial: {
borderColor: 'black' borderColor: 'black'
@@ -284,4 +286,4 @@ const styles = StyleSheet.create({
} }
}); });
module.exports = TextInput; module.exports = applyNativeMethods(TextInput);