Taro中tabBar的使用

先在路徑/src/app.tsx下將頁面添加到頁面管理中

pages: [
      'pages/index/index',
      'pages/toggle/toggle'
    ],

在頁面管理的後面加上tabBar的內容

tabBar:{
      list:[
        {
          pagePath:"pages/index/index",
          text:"首頁",
			// 未點擊時顯示的圖片
          iconPath:"pages/images/a.jpg",
			// 點擊後顯示的圖片
          selectedIconPath:"pages/images/b.jpg"
        },
        {
          pagePath:"pages/toggle/toggle",
          text:"cat",
          iconPath:"pages/images/a.jpg",
          selectedIconPath:"pages/images/b.jpg"
        }
      ]
    }

運行後的效果:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章