searchBar 的 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>
    );
}

searchBar 的 React-Native NativeBase onChangeText 事件

React-Native NativeBase onChangeText event for searchBar

react-native

native-base