search

alibaba / rax

🐰 Rax is a progressive framework for building universal application. https://rax.js.org
Other
7.99k stars 623 forks source link

[Feature][小程序]如何配置自定义TabBar #2112

Closed xmsz closed 3 years ago

xmsz commented 3 years ago

背景

表现

希望

SoloJiang commented 3 years ago
xmsz commented 3 years ago
  • 目前根据小程序官方文档，自定义 TabBar 需要在产物的根目录，所以需要把自定义 TabBar 的实现放在 Rax App 的 public 文件夹下，而且只支持原生语法
  • 使用本地图片，也是将资源放在 public 目录下，具体可以参见 Rax 文档 public 文件夹使用这一章节
  • 面向未来，Rax 会提供更强大的通过 JSX 写自定义 TabBar 的能力 raxjs/rax-app#705

ok，我先在public写原生代码

SoloJiang commented 3 years ago

后续 TabBar 的进展在 rax-app 中相关 RFC 归纳

xmsz commented 2 years ago

现在这个需求怎么样了

我本地设置

{
  "routes": [
    {
      "path": "/",
      "source": "pages/Home/index"
    },
    {
      "path": "/mine",
      "source": "pages/Mine/index"
    }
],
  "window": {
    "title": "Rax App"
  },
  "tabBar": {
    "custom": true,
    "list": ["/", "/mine"]
  }
}

但