首頁  >  文章  >  web前端  >  uniapp如何取消原生導覽列

uniapp如何取消原生導覽列

coldplay.xixi
coldplay.xixi原創
2021-01-29 16:17:106434瀏覽

uniapp取消原生導覽列的方法:1、在【pages.json】裡設定【navigationStyle:custom】;2、程式碼設定【"navigationStyle":"custom","app-plus":{ "titleNView"】。

uniapp如何取消原生導覽列

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教學

uniapp取消原生導覽列的方法:

1、取消uni-app原生頭部導覽列(全域取消)

     所有頁面都去掉:在pages.json裡設定navigationStyle:custom     =>網址  https://uniapp.dcloud.io/collocation/pages ?id=globalstyle

2、單頁取消

    新版小程式支援page->style配置navigationStyle為custom   =>網址  https://uniapp.dcloud.io/collocation/ pages?id=style

    app和h5設定titleNView為false   =>網址https://uniapp.dcloud.io/collocation/pages?id=app-plus

   另外可以參考hello uni-app裡的自訂導覽列範例(注意頂部導覽列佔位)

   如:

    {
     “page”:"pages/index/index",
      "style":{
       "navigationStyle":"custom",
       "app-plus":{
       "titleNView":false
       }
      }
    }

以上是uniapp如何取消原生導覽列的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn