自动对焦SearchBar无法在Android上运行

时间:2018-06-01 17:41:09

标签: android react-native

我为我的应用使用[(1, 7, 13), (2, 8, 14), (3, 9, 15), (4, 10, 16), (5, 11, 17), (6, 12, 18)] React Native Element's组件。
我设置了SearchBar
它在autoFocus = {true}上工作正常,但在iOS上没有。
有任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

这是工作代码示例。

// imports
....
....

class Abc extends Component {
  componentDidMount() {
    this.searchBar = true; // Manual Method
  }

  render() {
    return (
      <View>
        <SearchBar
          autoFocus // Automatic Method
          ref={(searchBar) = { this.searchBar = searchBar; }}
        />
      </View>
    );
  }
}

你的方法是正确的。我已经给出了手动方法,但我建议你采用你的方法。另外,请确保已将autoFocus道具传递给SearchBar组件内的<TextInput />

例如:

const SearchBar = (props) => {
 const { prop1, prop2, ...txtIpProps } = props;
 return (
  <SearchBar>
    <TextInput {...txtInpProps}/>
  </SearchBar>
 )
};