微信小程序におけるカスタムナビゲーションバーの実装
微信のナビゲーションバーは、JSON設定によりカスタマイズできますが、プロジェクトの要件によっては独自のナビゲーションバーが必要になる場合があります。以下のようなデザインの場合を想定します。
以下の手順に従って実装を行います。
実装手順:
1. app.json の "navigationStyle" を "custom" に変更
この設定を行うことで、ナビゲーションバー ...
7月15日 00:05 投稿
WeChatミニプログラムでのカスタムナビゲーションバー実装ガイド
1、app.jsonでカスタムナビゲーションを有効化
"window": {
"navigationStyle": "custom"
},
2、app.jsでシステム情報を取得し、グローバル変数に保存
App({
onLaunch() {
const instance = this;
// システム情報の取得
const deviceInfo = wx.getSystemInfoSync();
// カプセルボタンの位置情報
const cap ...
6月27日 00:32 投稿