uniappでナビゲーションバーの非表示と表示を設定する方法

藏色散人
リリース: 2020-12-22 17:26:34
オリジナル
11428 人が閲覧しました

ナビゲーション バーの非表示と表示を設定するための Uniapp メソッド: まず、現在のページ Web ビューのオブジェクト インスタンスを取得し、次に印刷して、変更する必要があるデータを見つけて、次に「titleNView.autoBackButton=false」を変更します。 ; そして最後に titleNView をリセットできます。

uniappでナビゲーションバーの非表示と表示を設定する方法

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

#推奨 (無料):

uni-app 開発チュートリアル

uniapp は上部のナビゲーション バーの戻るボタンを動的に表示/非表示にします

uniapp はトップ ナビゲーション バーを動的に変更します

現在のページ webview のオブジェクト インスタンスを取得します

let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview();
ログイン後にコピー

印刷し、変更する必要があるデータを見つけます

let titleNView = currentWebview.getStyle().titleNView
console.log(titleNView)
//打印结果
{
"autoBackButton": true,
"backgroundColor": "#F8F8F8",
"dock": "top",
"height": 44,
"position": "dock",
"statusbar": {},
"tags": [],
"titleColor": "#000000",
"titleText": "纸板入库",
"type": "default"
}
ログイン後にコピー

次に、modify

titleNView.autoBackButton = false
ログイン後にコピー

最後に title をリセットしますNView

currentWebview.setStyle({
titleNView:titleNView
})
ログイン後にコピー

ナビゲーション バーのタイトルを変更する場合は、上記のコードは必要なく、uni.setNavigationBarTitle() を直接呼び出すだけです。以下のように

uni.setNavigationBarTitle({
   title: '新的标题'
});
ログイン後にコピー

以上がuniappでナビゲーションバーの非表示と表示を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート