Question

我正在根据来自服务器的数据呈现动态列表。如果触发了 onSubmitEditing 事件，则应关注FlatList中的下一个组件。我尝试使用ref来聚焦动态表单，但是它不能正常工作（下一个输入未聚焦）。为了标识FlatList中的项目，使用了索引。

<FlatList
  ref={ref => this.flatList = ref}
  data={this.state.articles}
  renderItem={({item,index}) => this.renderItem(item, index)}
  keyExtractor={(item, index) => index}
  extraData={this.state}
/>

renderItem = (itemData, index) => {
  <TextInput
    ref={'article' + index}
    onSubmitEditing={
      () => {
        let reference = 'article' + (index+1);
        this.refs.reference.focus();
      }
  />
}

如何根据参考聚焦下一个领域？

Answer 1

要获取下一个参考，请使用此this.refs[reference]着重尝试.current.focus()或.focus()，不确定哪个可能有效。

所以您的代码将像这样`

`this.refs[reference].current.focus()` or `this.refs[reference].focus()`

React Native-FlatList中的焦点输入

1 个答案: