收藏
回答

tabBar的darkmode如何适配?

小程序官方组件示例中的底部tabbar的darkmode是怎么适配的,就是下图中红框中的部分

直接配置dark model为true,然后添加tabBar,显示的还是白色的

回答关注问题邀请回答
收藏

2 个回答

  • 龙安清
    龙安清
    2023-02-09

    使用了媒体查询,好像不行哟

    2023-02-09
    有用
    回复
  • 商景春
    商景春
    2021-05-24

    处理方法:

    1、在根路径上创建一个theme.json文件

    2、在app.json用"themeLocation": "theme.json"引入

    3、在theme.json中编辑两个样式

    {
        "light": {
            "navBackgroundColor": "#ffffff",
            "navTextStyle": "black"
        },
        "dark": {
            "navBackgroundColor": "#000000",
            "navTextStyle": "white"
        }
    }
    

    4、在app.json中将"navigationBarBackgroundColor": "@navBackgroundColor"和

    "navigationBarTextStyle":"@navTextStyle"设置成变量就可以了。

    参考:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/darkmode.html

    2021-05-24
    有用
    回复
登录 后发表内容