flutter - 如何设置标签栏颤动的样式

Question

我试过颤振标签栏。默认情况下，样式为下图（第二张）

如何制作看起来像第一个（笔触和背景颜色而不是简单的下划线）

标签： flutterdart

Answer 1

我发现了一些很酷的技巧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"),
                        ),
                      ),
                    ],
                  )