javascript - React Native - 专注于下一个 TextInput 字段

Question

当我尝试关注下一个字段时，出现undefined is not a function (evaluating '_this2._password.focus()'):

<View style={{ height: h * .13, width: w }}>
   <Kohana style={[styles.input, { backgroundColor: '#f9f5ed' }]}
           label={'Email'}
           onChangeText={(email) => this.email = email}
           iconClass={MaterialsIcon}
           iconName={'email'}
           iconColor={'#ddd'}
           iconColor={'#f4d29a'}
           keyboardType={'email-address'}
           labelStyle={[styles.inputLabel, { color: '#91627b' }]}
           inputStyle={[styles.inputInput, { color: '#91627b' }]}
           blurOnSubmit={false}
           returnKeyType={"next"}
           onSubmitEditing={(e) => {this._password.focus()}} />
</View>
<View style={{ height: h * .13, width: w }}>
   <Kohana
           style={[styles.input, { backgroundColor: '#f9f5ed' }]}
           ref={(ref) => this._password = ref}
           label={'Password'}
           onChangeText={(password) => this.password = password}
           secureTextEntry={true}
           iconClass={MaterialsIcon}
           iconName={'lock'}
           iconColor={'#ddd'}
           iconColor={'#f4d29a'}
           blurOnSubmit={true}
           labelStyle={[styles.inputLabel, { color: '#91627b' }]}
           inputStyle={[styles.inputInput, { color: '#91627b' }]}/>
</View>

我尝试过其他解决方案，其中一种是将 ref 设为字符串，然后像 this.refs._refName.focus() 那样调用它，另一种是来自 Facebook，您将 refs 设为连续整数 - [this][1]，但它们都不起作用。

Answer 1

Focus是TextInput组件的一个方法。但是，您可以在 Kohana 组件中添加自定义焦点方法，并调用组件中存在的 TextInput 的焦点。为此，您必须添加对 TextInput 的引用。

在这里查看我的答案:undefined exception while calling focus method on TextInput ref