修复了选项卡模板上的搜索栏

Question

我正在使用 ionic 的选项卡模板。我需要一个固定的搜索栏，但我没有找到如何将这个栏插入标签栏。

我的应用是这样的：

_{（来源：esfriki.com）}

问题是，我将搜索栏放入选项卡内容中，这有效，但是，搜索栏不是固定的，当我滚动列表时，搜索栏也会滚动。

我需要有选项卡导航栏，就在列表（目录）和搜索栏（固定）之前。

有人知道我该怎么做吗？

tabs.html（选项卡视图）： https://paste.kde.org/pbqwtl473

tab-bynames.html（标签内容）： https://paste.kde.org/pdxhlcviu

抱歉我的英语不好。

Answer 1

将搜索栏放在 <ion-content> 上方，而不是 bar-header class，使用 bar-subheader class 作为搜索栏。加上 class has-subheader 到 <ion-content>。您的代码将是

<ion-view view-title="Buscar por nombres">
    <div class="bar bar-subheader bar-dark item-input-inset" no-tap-scroll="true">
          <ion-search placeholder="Buscar nombre" min-length="1" model="search"></ion-search>
    </div>
    <ion-content has-header="true" has-tabs="true" class="">
    //content part
    </ion-content>
</ion-view>

修复了选项卡模板上的搜索栏

Fixed search bar on tab template

ionic-framework

ionic-view