Comment puis-je obtenir Réagir Natif TextInput pour maintenir l'attention après les soumettre?

Je pourrais expliquer ce que je suis en train de faire, mais cette ReactJS exemple est une procédure pas à pas de ce que je veux. Le problème est que je ne peux pas comprendre ce que l'équivalence serait pour réagir natif.

En gros, quand j'appuie sur le retour dans le TextInput, je veux que le texte effacé et l'accent maintenu.

Toutes les pensées?

OriginalL'auteur brysgo | 2015-04-02

  1. 19

    J'ai envoyé un RP avec un blurOnSubmit propriété.

    Mis à false et la TextInput jamais de flou, onSubmitEditing encore des feux.

    J'espère que c'est fusionné. 🙂

    https://github.com/facebook/react-native/pull/2149

    Yay!!! Il a obtenu fusionnée!

    OriginalL'auteur Dave Sibiski

  2. 6

    J'en suis sorti avec la suite (de travail) solution:

    var NameInput = React.createClass({
  getInitialState() {
    return {
      textValue: ''
    }
  },

  clearAndRetainFocus: function(evt, elem) {
    this.setState({textValue: elem.text});
    setTimeout(function() {
      this.setState({textValue: this.getInitialState().textValue});
      this.refs.Name.focus();
    }.bind(this), 0);
  },

  render() {
    return(
      <TextInput
        ref='Name'
        value={this.state.textValue}
        onEndEditing={this.clearAndRetainFocus} />
    )
  }
});

    Donc, en gros, quand on termine l'édition, nous allons définir la textValue état de la valeur de la TextInput et juste après (dans setTimeout), nous le remettre par défaut (vide) et de conserver la mise au point sur l'élément.

    Cela ne fonctionne que la moitié du temps. Augmenter le délai d'attente est utile, mais il y a une solution qui fonctionnera toujours.
    Il est plus fiable avec le clavier logiciel, mais le clavier sauts fermée puis ouverte.
    Ce à propos de le faire sur onSubmitEditing?

    OriginalL'auteur zvona