如何在提交後獲得React Native TextInput以保持焦點？

Question

我可以解釋我正在嘗試做什麼，但this ReactJS example是我想要的一個演練。問題是我無法弄清楚equivelant會是什麼原因。

基本上，當我按下TextInput中的return時，我希望清除文本並保持焦點。

有什麼想法？

Answer 1

我已經提交了一個PR blurOnSubmit屬性。

將它設置爲false和TextInput從不模糊，但onSubmitEditing仍然引發。

希望它合併。 :)

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

Answer 2

我想出了以下（工作）解決方案：

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} /> 
    ) 
    } 
}); 

所以，基本上，當我們最終的編輯，我們將textValue狀態設置爲以後的TextInput和右邊的值（setTimeout）我們將它切換回默認值（空）並保留元素的焦點。