如何在 flutter 中創建可滾動標簽

Question

在 web 世界中，我有 material-ui 提供的可滾動標簽，看起來像這樣。

我正在嘗試使用 flutter 創建相同的東西，我連續做了一個列表視圖，但是我無法創建next和previous按鈕。

如果已經制作了小部件的幫助或參考，我們將不勝感激。 謝謝

Answer 1

看一下這個

Builder(
          builder: (context) {
            return Row(
              children: [
                IconButton(
                  icon: Icon(Icons.arrow_back_ios),
                  onPressed: (){
                    if(_tabController.index > 0){
                      _tabController.animateTo(_tabController.index - 1);
                    }else{
                      Scaffold.of(context).showSnackBar(SnackBar(content: Text("Can't go back"),));
                    }
                  },
                ),
                Expanded(
                  child: TabBar(
                    isScrollable: true,
                    controller: _tabController,
                    labelStyle: TextStyle(
                      color: Colors.black
                    ),
                    unselectedLabelColor: Colors.black,
                    labelColor: Colors.blue,
                    tabs: List.generate(
                      20,
                      (index) {
                        return Tab(
                          text: "Tab $index",
                        );
                      },
                    ),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.arrow_forward_ios),
                  onPressed: (){
                    if(_tabController.index+1 < 20){
                      _tabController.animateTo(_tabController.index + 1);
                    }else{
                      Scaffold.of(context).showSnackBar(SnackBar(content: Text("Can't move forward"),));
                    }
                  },
                ),
              ],
            );
          }
        )