4

ionic の tabs テンプレートを使用しています。固定検索バーにする必要がありますが、このバーをタブ バーの下に挿入する方法がわかりません。

私のアプリは次のようなものです:

画面
(ソース: esfriki.com )

問題は、検索バーをタブのコンテンツに配置したことです。これは機能しますが、リストをスクロールするとバーが固定されず、検索バーもスクロールされます。

リスト (カタログ) の前にあるタブ ナビゲーション バーと、検索バー (固定) が必要です。

誰かが私がこれを行う方法を知っていますか?

tabs.html (タブ ビュー): https://paste.kde.org/pbqwtl473

tab-bynames.html (タブの内容): https://paste.kde.org/pdxhlcviu

私の貧弱な英語で申し訳ありません。

4

1 に答える 1

3

検索バーを の上に置き、クラス<ion-content>の代わりにクラスを検索バーbar-headerに使用bar-subheaderします。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>
于 2015-08-31T20:30:28.360 に答える