1、先上原始效果圖：? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2、完成后效果

?? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

2、實現思路：

　　ionic3 的底部欄是隱藏在 div.tabbar.show-tabbar 標簽內的，我們可以通過控制器看到。本文實現思路即是通過js動態的控制div.tabbar.show-tabbar 元素的display屬性來實現控制底部導航欄的顯示和隱藏。

3、實現代碼如下：

　　

// js控制底部導航欄的顯隱性 let tabbar = this.Utils.getClassName(document,'tabbar'); if(this.showStatus){tabbar[0].setAttribute("class","tabbar"); }else{tabbar[0].setAttribute("class","tabbar show-tabbar"); }

4、完成收工。

?

轉載于:https://www.cnblogs.com/hsl-shiliang/p/8150636.html

總結

以上是生活随笔為你收集整理的ionic3 动态设置tabs页面底部导航栏隐藏，并显示输入框添加评论的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。