Taro开发微信小测试,配置tabBar 无效?

作者站长头像
站长
· 阅读数 5

用Taro开发微信小程序,想配置底部tabBar,我的配置如下,但是不生效

app.config.js 配置,

export default defineAppConfig({
  pages: [
    "pages/bar/bar1",
    "pages/bar/bar2",
  ],
  window: {
    backgroundTextStyle: "light",
    navigationBarBackgroundColor: "#fff",
    navigationBarTitleText: "WeChat",
    navigationBarTextStyle: "black",
  },
  tabBar: {
    custom: true,
    color: '#000000',
    selectedColor: '#000000',
    backgroundColor: '#000000',
    list: [
      {
        pagePath: "pages/bar/bar1",
        text: "测试bar-one",
      },
      {
        pagePath: "pages/bar/bar2",
        text: "测试bar-two",
      },
    ],
  },
  "usingComponents": {}
});
回复
1个回答
avatar
test
2024-06-26
  • 如果你是需要自定义 tabBar 的话需要在 src 目录下添加 custom-tab-bar 组件
  • 如果不是自定义组件的话,讲 app.config.js 配置中的 custom 设置为 false
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容