Question

react-native：0.53.0

react-native-elements：1.0.0-beta4，

当我使用React Native Elements库中的搜索栏组件时，我无法捕获＆＃39; onCancel＆＃39;属性。代码如下。

  <SearchBar
    lightTheme
    clearIcon
    platform={Platform.OS === "ios" ? "ios" : "android"}
    placeholder="Search..."
    returnKeyType='search'
    cancelButtonTitle="Cancel"
    onCancel        ={()=>{this.doSomething();}}
    onSubmitEditing ={()=>{this.handleSearch();}}
  />

Answer 1

我用小吃写了简单的脚本并进行了测试。有用。 https://snack.expo.io/r12AYAoiG

请将平台更改为ios并在iOS模拟器上进行测试。

我希望它会给你一些提示。

Answer 2

总结一下，这是一个语法错误。 =（
当我打电话时

    onCancel={()=>{this.doSomething();}}

我用＆＃39; {}＆＃39;包裹它。应该是

    onCancel={()=>this.viewHeader()}

我确实想指出那些电话：

    onFocus         ={()=>{this.hideHeader();}}
    onBlur          ={()=>{this.viewHeader();}}

是有效的呼叫并且行为正常。我认为这是由于React-Native-Elements的实现。函数onFocus（）和onBlur（）显式写在docs中。

onFocus = () => {
    this.props.onFocus();
    UIManager.configureNextLayoutAnimation && 
    LayoutAnimation.easeInEaseOut();
    this.setState({ hasFocus: true });
};

onBlur = () => {
    this.props.onBlur();
    UIManager.configureNextLayoutAnimation && 
    LayoutAnimation.easeInEaseOut();
    this.setState({ hasFocus: false });
};

onChangeText = text => {
    this.props.onChangeText(text);
    this.setState({ isEmpty: text === '' });
};

React Native Search Bar onCancel方法不会触发

2 个答案: