微信小程序tabBar不显示

最新推荐文章于 2023-11-02 23:15:42 发布

原创

最新推荐文章于 2023-11-02 23:15:42 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

当在微信小程序的app.json中配置TabBar时，若pages数组的第一项未包含在tabBar的list数组内，TabBar将不会显示。解决办法包括在list中添加对应页面条目或确保pages的第一项是TabBar的成员。

项目的app.json使用以下代码，却没有如期望那样在屏幕底部出现TabBar


	"pages": [ // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/login/index",
			"style": {
				"navigationBarTitleText": "uni-app",
				"app-plus": {
					"titleNView": false
				}
			}
		},
		{
			"path":"pages/login/register",
			"style":{
				"navigationBarTitleText":"完善信息",
				"navigationBarBackgroundColor":"#31be63",
				"navigationBarTextStyle":"white"
			}
		},
		{
			"path":"pages/index/index",
			"style":{
				"navigationBarTitleText":"农事通欢迎您",
				"navigationBarBackgroundColor":"#31be63",
				"navigationBarTextStyle":"white",
                "enablePullDownRefresh": true
			}
		},
		{
			"path":"pages/informationDetail/informationDetail",
			"style":{
				"navigationBarTitleText":"详情",
				"navigationBarBackgroundColor":"#31be63",
				"navigationBarTextStyle":"white"
			}
		}
	],
	"tabBar": {
		"backgroundColor": "#e9eae9",
		"color": "#888",
		"selectedColor": "#31