微信小程序可隐藏底部导航吗？应该怎样设置？
你用过微信小程序吗？你玩过前一阶段流行的微信跳转吗？那就是微信小程序里的游戏。你知道微信小程序的底部导航吗？最近很多微信用户问我微信小程序可以隐藏底部导航吗？下面小编就带大家了解一下微信小程序是否可以隐藏底部导航？
为了让小程序页面更加简洁、美观，有时开发者会设置隐藏导航栏，但是微信小程序中如何设置隐藏导航栏呢？小编给大家找了一个教程，里面有两种设置方法。让我们来看看：
微信小程序中无法直接操作窗口对象，而且文档文档与HTML的树形结构不同。
实现类似小程序导航的隐藏显示。
小程序
单击网络可显示或隐藏网络中包含的内容。其他也类似。
如果是jquery的话，实现起来非常方便，可以直接操作文档。微信小程序中的实现思路是：在微信小程序逻辑层定义变量，并通过setData赋值。
方法一：通过变量直接赋值，为每个要控制的视图定义变量。
.wxml代码：
视图容器视图可移动基础内容icontextprogress表单组件buttoncheckboxforminputlabelpickertextarea
.js对应代码：
数据： { view1true, view2true, view3true }, opentypefunction (e) {
var url=e.currentTarget.dataset.type url=url + '/' + url wx.navigateTo({
urlurl }) }, tiggerfunction (e) { var num=e.currentTarget.dataset.num if
(num==1) { this.setData({ view1:this.data.view1 }) } else if (num==2) {
this.setData({ view2:this.data.view2 }) } else if (num==3) { this.setData({
view3:this.data.view3 }) }}
通过data-num='1'设置对应的view1值。
这种方法可以达到效果，但是添加新视图后需要修改js代码，所以不是最优方法。
方法二：
.wxml代码：
网络请求上传、下载uploadFiledownloadFileWebSocketconnectSocketOnSocket 打开媒体图片录制
.js对应代码：
?//index.jsvar statusArrs=[false]Page({ /** * 页面初始数据*/data{
showArrstatusArrs }, opentypefunction (e) { var url=
e.currentTarget.dataset.url url='./' + url wx.navigateTo({ urlurl }) },
//显示和隐藏tiggerfunction (e) { var that=this;变量编号=
e.currentTarget.dataset.num statusArrs[num]=!statusArrs[num] that.setData({
showArrstatusArrs }) }})
方法二：该方法简单实现，无需修改js代码。添加新视图还可以控制隐藏显示。
以上就是小编为大家找到的两种在微信小程序中隐藏导航栏的方法。根据自己的需要来选择。毕竟这两种方法都比较简单，只要小程序代码不出错就可以了。
你知道什么是微信小程序吗？你用过微信小程序吗？你觉得微信小程序可以隐藏底部导航吗？通过上面的内容，相信大家应该知道微信小程序是可以隐藏底部导航的吧？
