どうも、中田です。
ionicでアプリを作っていて、なんかナビゲーションバーがちらつくってことないですか?
タップした瞬間、ナビゲーションバーが一瞬消えて、
次の画面に遷移するって動きです。
色々と手を加えている内にちらつくようになっちゃって、
なんでかなーって思ってたらこれでした。
<ion-view view-title="テスト画面"> <ion-nav-bar> <ion-nav-back-button> </ion-nav-back-button> </ion-nav-bar> <ion-content> ...(略) </ion-content> </ion-view>
これは画面遷移後の画面なんですが、
ion-nav-barを再度やってるのが悪さしてました。
新しく作り直しちゃってるんですね。
それをこうやってやると、
<ion-view view-title="テスト画面"> <ion-nav-back-button> </ion-nav-back-button> <ion-content> ...(略) </ion-content> </ion-view>
ちらつかずに画面遷移するようになりました。
感覚的にバックボタンを入れるならちゃんと外枠のion-nav-barも入れてやんないといけないと
思ったのがまずかった。
index.htmlに書いてるion-nav-barを使いまわすのが、スタンダードなやり方なのか〜。
ちなみにボタンを付け加えたい!と思ったら、
バックボタンと同じで素直にボタンのコードだけ追加で書けば画面ごとに追加されます。
こんな感じに。。
<ion-view view-title="テスト画面"> <ion-nav-back-button> </ion-nav-back-button> <ion-nav-buttons side="left"> <a class="button button-icon icon ion-ios-plus-empty" ng-click="new()"></a> </ion-nav-buttons> <ion-content> ...(略) </ion-content> </ion-view>
なるほどね。
[…] 【ionic】ナビゲーションバーがちらつくの続編にもなります。 […]