android - React Native 中如何聚焦下一个字段输入?

标签 android reactjs typescript react-native

我需要在 android 平台的 react native 中关注下一个字段输入。 但是focus()函数,在android react native中是不存在的,只在IOS中存在。

这是怎么做到的?我使用 React Native 和 typescript 。

enter image description here

最佳答案

焦点功能工作得很好。

<View style={{flexDirection: 'row'}}>
        <Text style={{flex: 1}}>Enter Name: </Text>
        <TextInput ref="name" onChangeText={(name) => this.setState({name})} style={{flex: 1}}
          onSubmitEditing={() => this.refs.age.focus()}/>
      </View>
      <View style={{flexDirection: 'row'}}>
        <Text style={{flex: 1}}>Enter Age: </Text>
        <TextInput ref="age" keyboardType="numeric" onChangeText={(age) => this.setState({age})} style={{flex: 1}}
          onSubmitEditing={() => this.refs.sport.focus()}/>
      </View>
      <View style={{flexDirection: 'row'}}>
        <Text style={{flex: 1}}>Enter Favourite Sport: </Text>
        <TextInput ref="sport" onChangeText={(sport) => this.setState({sport})} style={{flex: 1}}/>
      </View>

希望这对您有所帮助。这是针对安卓的。

关于android - React Native 中如何聚焦下一个字段输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43495030/

相关文章:

android - 如何在Android中设置按钮点击效果?

java - 点击标记时是否可以在 Google map 上显示覆盖项目?

android - 以编程方式创建主屏幕小部件 GUI

reactjs - styled-components:样式化组件而不将它们包装在容器/包装器中?

javascript - React.js,为什么 setState 改变所有状态值?

angular - 如何在第二次单击时取消选中单选按钮 Angular 2+

Typescript 索引签名参数类型必须是 'string' 或 'number'

javascript - touchmove 事件并不总是在 Android 版 Chrome 上触发

javascript - ReactJS 和 Express with Axios 返回 404 错误消息

angular - 指定 rxjs observable 的 "error"处理程序的类型