JavaScript TextInputState currentlyFocusedField Examples

Example #1

File: ScrollResponder.js Project: Kuchitama/react-native

  scrollResponderHandleStartShouldSetResponderCapture: function(
    e: PressEvent,
  ): boolean {
    // The scroll view should receive taps instead of its descendants if:
    // * it is already animating/decelerating
    if (this.scrollResponderIsAnimating()) {
      return true;
    }

    // * the keyboard is up, keyboardShouldPersistTaps is 'never' (the default),
    // and a new touch starts with a non-textinput target (in which case the
    // first tap should be sent to the scroll view and dismiss the keyboard,
    // then the second tap goes to the actual interior view)
    const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
    const {keyboardShouldPersistTaps} = this.props;
    const keyboardNeverPersistTaps =
      !keyboardShouldPersistTaps || keyboardShouldPersistTaps === 'never';
    if (
      keyboardNeverPersistTaps &&
      currentlyFocusedTextInput != null &&
      e.target &&
      !TextInputState.isTextInput(e.target)
    ) {
      return true;
    }

    return false;
  },

Example #2

File: ScrollResponder.js Project: AlbertBrand/react-native

  scrollResponderHandleStartShouldSetResponder: function(e: Event): boolean {
    var currentlyFocusedTextInput = TextInputState.currentlyFocusedField();

    if (this.props.keyboardShouldPersistTaps === 'handled' &&
      currentlyFocusedTextInput != null &&
      e.target !== currentlyFocusedTextInput) {
      return true;
    }
    return false;
  },

Example #3

File: ScrollResponder.js Project: 12527133/ios122

 scrollResponderHandleStartShouldSetResponderCapture: function(e: Event): boolean {
   // First see if we want to eat taps while the keyboard is up
   var currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
   if (!this.props.keyboardShouldPersistTaps &&
     currentlyFocusedTextInput != null &&
     e.target !== currentlyFocusedTextInput) {
     return true;
   }
   return this.scrollResponderIsAnimating();
 },

Example #4

File: f18abcScrollResponder.js Project: padsbanger/react-native-adventures

scrollResponderHandleStartShouldSetResponderCapture:function scrollResponderHandleStartShouldSetResponderCapture(e){

var currentlyFocusedTextInput=TextInputState.currentlyFocusedField();
if(!this.props.keyboardShouldPersistTaps&&
currentlyFocusedTextInput!=null&&
e.target!==currentlyFocusedTextInput){
return true;
}
return this.scrollResponderIsAnimating();
},

Example #5

File: ScrollResponder.js Project: AlbertBrand/react-native

 scrollResponderHandleStartShouldSetResponderCapture: function(e: Event): boolean {
   // First see if we want to eat taps while the keyboard is up
   var currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
   var {keyboardShouldPersistTaps} = this.props;
   var keyboardNeverPersistTaps = !keyboardShouldPersistTaps ||
                                   keyboardShouldPersistTaps === 'never';
   if (keyboardNeverPersistTaps &&
     currentlyFocusedTextInput != null &&
     !isTagInstanceOfTextInput(e.target)) {
     return true;
   }
   return this.scrollResponderIsAnimating();
 },

Example #6

File: ScrollResponder.js Project: 12527133/ios122

  scrollResponderHandleResponderRelease: function(e: Event) {
    this.props.onResponderRelease && this.props.onResponderRelease(e);

    // By default scroll views will unfocus a textField
    // if another touch occurs outside of it
    var currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
    if (!this.props.keyboardShouldPersistTaps &&
      currentlyFocusedTextInput != null &&
      e.target !== currentlyFocusedTextInput  &&
      !this.state.observedScrollSinceBecomingResponder &&
      !this.state.becameResponderWhileAnimating) {
      this.props.onScrollResponderKeyboardDismissed &&
        this.props.onScrollResponderKeyboardDismissed(e);
      TextInputState.blurTextInput(currentlyFocusedTextInput);
    }
  },

Example #7

File: f18abcScrollResponder.js Project: padsbanger/react-native-adventures

scrollResponderHandleResponderRelease:function scrollResponderHandleResponderRelease(e){
this.props.onResponderRelease&&this.props.onResponderRelease(e);



var currentlyFocusedTextInput=TextInputState.currentlyFocusedField();
if(!this.props.keyboardShouldPersistTaps&&
currentlyFocusedTextInput!=null&&
e.target!==currentlyFocusedTextInput&&
!this.state.observedScrollSinceBecomingResponder&&
!this.state.becameResponderWhileAnimating){
this.props.onScrollResponderKeyboardDismissed&&
this.props.onScrollResponderKeyboardDismissed(e);
TextInputState.blurTextInput(currentlyFocusedTextInput);
}
},

Example #8

File: ScrollResponder.js Project: FLGMwt/react-native

  scrollResponderHandleStartShouldSetResponder: function(
    e: PressEvent,
  ): boolean {
    // Allow any event touch pass through if the default pan responder is disabled
    if (this.props.disableScrollViewPanResponder === true) {
      return false;
    }

    const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();

    if (
      this.props.keyboardShouldPersistTaps === 'handled' &&
      currentlyFocusedTextInput != null &&
      e.target !== currentlyFocusedTextInput
    ) {
      return true;
    }
    return false;
  },

Example #9

File: custom-input.native.js Project: destenson/keybase--client

 isFocused: function(): boolean {
   return TextInputState.currentlyFocusedField() === ReactNative.findNodeHandle(this._inputRef)
 },

Example #10

File: dismissKeyboard.js Project: ericvicenti/react-native

function dismissKeyboard() {
  TextInputState.blurTextInput(TextInputState.currentlyFocusedField());
}

Example #11

File: TextInput.js Project: nagyistge/react-native-desktop

 isFocused: function(): boolean {
   return TextInputState.currentlyFocusedField() ===
     React.findNodeHandle(this.refs.input);
 },

Example #12

File: TextInput.js Project: AhmedShammala/rn-drawer

 isFocused: function(): boolean {
   return TextInputState.currentlyFocusedField() ===
     this.refs.input.getNativeNode();
 },