問題タブ [ionic-view]

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

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

_{(ソース: esfriki.com )}

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

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

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

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

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

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

上記のコードは、以下のように新しいヘッダー バーを定義する代わりに、デフォルトのナビゲーション コントローラー (メニュー/戻るアイコンなど) を維持したままヘッダーの色を変更する必要がある ionic のデフォルト ビューを提供します。

問題を解決するためのきれいな方法はありますか?

この問題で 1 週間立ち往生しており、「ui-router」と「ionic's」のビュー ルーティングを理解したように感じますが、そうではないようです。

ビューがどのように機能するかの例を数多く見てきましたが、ビルドが大きくなったため、私のプロジェクトにはサイド メニュー、タブ、および各タブ コンテンツの両方のビューがあるため、見た例はプロジェクトにとって単純すぎます。

私の問題:

タブ内に異なるコントローラーを持つ複数のビューを保持しています。私は、リーフレット マップと、自分の場所が入力されるドロップ ダウン リストを使用しており、両方を機能させることができました。ただし、ビューは奇妙な呼び出しを行っています。リーフレット マップを選択するたびに、私discover-home.htmlのアプリの下にある [リストの発見] ボタン ( 内)が押されます。さらに、このリスト ビューがマップとズーム アイコンの間にあることがわかります。マップに触れずにタブを切り替えて戻ってくると、リストを再度開くことができません。ion-nav-barmenu.html

私の問題を理解するために私が尋ねる必要がある質問は

1. マルチビュー アプリケーションで ionic のビュー ナビゲーションを使用してナビゲートする正しい方法は何ですか?

2. ビューを変更すると、他のコントローラーの再呼び出しが無効になるのはなぜですか?

3. ベスト プラクティスにはどのようなものがありますか?

これは私が扱っているものです。どんな助けでも大歓迎です。

discover-home.html内の私のタブ ビュー

menu.html内のサイドバー ビュー

discover-home.html内のリスト表示

menu.htmlのion-nav-bar の下に隠されている、 discover-home.html の発見リスト

ここに私のコードスニペットがあります

index.html

Discover-tabs-controller.html

これは、タブ ビューを制御します (そのうちの 1 つは、discover-home.html です)。

Discover-home.html

controller.js

app.js

// 私のdiscover-home.html .state('app.discover.home', {

}))

メニュー

これはサイドメニュー項目を制御します

次のコントローラーを使用して、dashboardページ内のアンドロイドの戻るボタンでアプリを終了しますが、残りのページでは元に戻ります。ページの前dashboardにユーザーに一度だけ提示するチュートリアルを持っていたので、Androidの戻るボタンをオーバーライドしてdashboard、押された場合に終了するようにし、このコードでうまく動作するようにする必要がありました:

問題は、次のビューに移動しても終了ボタンとして機能することですが、ダッシュボードではない他のビューの戻るボタンにしたいので、次のコントローラーでこれを試しました:

そのため、機能が返されますが、過去のコントローラーから戻ってきたときに再度dashboard押すと、その機能がオーバーライドされ、終了する代わりに元に戻ります。

アップデート

以下のmudasser ajazによる回答のおかげで、最終的に機能させることができました。回答は次のとおりです。

私はこのようなものを作りたい:

左側の 1 つの大きなグリッドが、右側の 2 つのグリッドのサイズを 2 倍にしているのがわかります (上下に重なっています)。

これは私のHTMLアプローチです：

私のcss/sassは次のようになります:

こんにちは、イオン フレームワークを使用したモバイル アプリケーションのアイコンをクリックして、ブラウザを開いて特定の Web サイトにアクセスする方法を教えてください。たとえば、Ionic フレームワーク アプリの YouTube アイコンをクリックすると、ブラウザーが開き、YouTube に移動します。

Ionic には、デバイスの準備ができているかどうかを検出できる「deviceready」リスナーがあり、準備ができている場合は、より多くの機能をトリガーして動作させることができます。

iPhone をコンピュータに接続すると動作するテスト アプリケーションがありますが、イオン ビューから起動すると、「deviceready」に関連付けられた機能を起動できません。アプリは技術的にイオン ビュー コンテナー内にあるため、Ionic View アプリケーションが実際に「deviceready」をトリガーするかどうか疑問に思っています。