如何设置选项卡颤动的样式

时间:2020-08-26 18:50:47

标签: flutter dart

我尝试了颤动标签栏。默认情况下,样式是下面的图片(第二个)

制作方法看起来像第一种(描边和背景色,而不是简单的下划线)

enter image description here

1 个答案:

答案 0 :(得分:0)

我发现了一些不错的技巧https://medium.com/flutterpub/flutter-boring-tab-to-cool-tab-bfcb1a93f8d0

 new TabBar(
                    unselectedLabelColor: Colors.redAccent,
                    indicatorSize: TabBarIndicatorSize.tab,
                    indicator: BoxDecoration(
                        gradient: LinearGradient(
                            colors: [Colors.redAccent, Colors.orangeAccent]),
                        borderRadius: BorderRadius.circular(50),
                        color: Colors.redAccent),

                    controller: controller.tabsCtrl,
                    tabs: [
                      Tab(
                        child: Align(
                          alignment: Alignment.center,
                          child: Text("RIDES"),
                        ),
                      ),
                      Tab(
                        child: Align(
                          alignment: Alignment.center,
                          child: Text("REQUESTS"),
                        ),
                      ),
                    ],
                  )