SearchBar react-native-navigation V2 Android答案

【问题标题】：SearchBar react-native-navigation V2 AndroidSearchBar react-native-navigation V2 Android
【发布时间】：2019-01-14 14:50:55
【问题描述】：

我正在使用 Wix 的导航 V2，我想在顶部栏中添加一个搜索字段，这就是我推送显示项目列表的屏幕的方式

 Navigation.push(this.props.componentId, {
      component: {
        name: 'app.SearchEvent',
        passProps: {
          eventName: this.state.eventName,
        },
        options: {
          topBar: {
            drawBehind: false,
            searchBar: true,
            searchBarHiddenWhenScrolling: true,
            searchBarPlaceholder: 'Recherche...',
          },
        },
      },
    });

我在文档的playground 中看到了一个示例，但它也不适用于 Android，playground example 那么如何添加呢？

【问题讨论】：

标签： react-native searchbar react-native-navigation-v2

【解决方案1】：

考虑到当前版本 2.7.1，并且根据官方文档 (https://wix.github.io/react-native-navigation/#/docs/styling?id=ios-specific-options)，这些属性是特定于 iOS +11 的。它们不适用于 Android。

    searchBar: true, // iOS 11+ native UISearchBar inside topBar
    searchBarHiddenWhenScrolling: true,
    searchBarPlaceholder: 'Search', // iOS 11+ SearchBar placeholder

【讨论】：