ReactNative：让textInput获取到焦点

最新推荐文章于 2024-06-25 16:24:30 发布

JoXu

最新推荐文章于 2024-06-25 16:24:30 发布

阅读量6.3k

点赞数

分类专栏： React Native

本文链接：https://blog.csdn.net/book_1992/article/details/79532356

版权

React Native 专栏收录该内容

45 篇文章 2 订阅

订阅专栏

参考：http://blog.csdn.net/lvdezhou/article/details/72730079

http://facebook.github.io/react-native/docs/textinput.html#selectionstate

//实现点击view后，让被view包裹的textInput组件获取到焦点
主要代码：
//设置焦点
onStartShouldSetResponder() {

      var comment = this.refs.comment;
      comment.focus();    
      
 }

//--------------------------------------------------
                             <View 
                             style = {[styles.view_comment,{height: this.state.maxHeight + 10, }]}
                             onStartShouldSetResponder = {this.onStartShouldSetResponder.bind(this)}
                             >

                                 <TextInput 
                                 ref = 'comment'
                                 style = {[styles.textInput_comment,{height: height_comments}]}
                                 onChange={this.onChange}  
                                 multiline = {true}
                                 onContentSizeChange = {this.onContentSizeChange.bind(this)}
                                 value = {this.state.text_comments}
                                 >
                                 </TextInput>      
                              </View> 
//------------------------------------------------------