React Native [React Native Elements] 搜索栏 CancelButtonText答案

【问题标题】：React Native [React Native Elements] Search Bar CancelButtonTextReact Native [React Native Elements] 搜索栏 CancelButtonText
【发布时间】：2018-04-10 02:24:59
【问题描述】：

反应原生 - IOS - 反应原生 (0.53.0) - React-Native-Elements ("^.19.0")

当用户选择搜索栏时，我无法在我的 React-Native-Element 搜索栏旁边显示“取消”按钮。图片提供了我正在努力实现的目标

这是我的代码 sn-p：

    <SearchBar
         lightTheme round
         placeholder="Test"
         onSubmitEditing={()=>{this.doSomething()}}
         cancelButtonText = "Cancel"
     />

React-Native-Element 搜索栏参考 https://react-native-training.github.io/react-native-elements/docs/searchbar.html

【问题讨论】：

它可能正在寻找一个平台。尝试插入 platform=“ios” 看看会发生什么。如果这不起作用，我会尝试查看包装上的一些问题，看看是否已经得到解答
感谢您的反馈。我尝试了您的要求，但没有任何改变。还要检查问题，但无法找到相关问题。

标签： react-native

【解决方案1】：

最新稳定版和测试版的docs不同。

如果你有beta版本，你可以将cancelButtonTitle prop添加到你的SearchBar

<SearchBar
  showLoading
  platform="ios"
  cancelButtonTitle="Cancel"
  placeholder='Search' />

【讨论】：

您有权指出这一点。我使用的是当前稳定版本 0.19.0，它没有“取消”按钮属性。将 package.json 更新为 1.0.0-beta4 版本，一切正常。谢谢！