用于搜索栏的 React-Native NativeBase onChangeText 事件

Question

我正在尝试在 NativeBase 上为搜索栏触发 onChangeText 事件，但我不知道该怎么做。这是我到目前为止所拥有的

警报根本没有显示，onChangeText 应该在这里工作吗？

_onChangeSearchText(text) {

    //do something

}


render() {
    return (
      <Container>
          <Header searchBar rounded
          onChangeText={this._onChangeSearchText.bind(this)}
          autoCorrect={false}>
            <Item>
              <Icon name="ios-search" />
              <Input placeholder="Search" />
              <Icon name="ios-people" />
            </Item>
            <Button transparent>
              <Text>Search</Text>
            </Button>
          </Header>
        </Container>
    );
}

Answer 1

Header没有任何onChangeText道具。你必须传递onChangeText给Input.

render() {
    return (
      <Container>
          <Header searchBar rounded autoCorrect={false}>
            <Item>
              <Icon name="ios-search" />
              <Input
                onChangeText={this._onChangeSearchText.bind(this)} // <-- Here
                placeholder="Search"
              />
              <Icon name="ios-people" />
            </Item>
            <Button transparent>
              <Text>Search</Text>
            </Button>
          </Header>
        </Container>
    );
}