ionic3 动态设置tabs页面底部导航栏隐藏，并显示输入框添加评论

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、完成收工。