Apply bubble tab indicator on mix search result page.

guojiex · Mar 12, 2019 · 1856e76 · 1856e76
1 parent eeb2352
commit 1856e76
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/lib/ui/mix_search_result_page.dart b/lib/ui/mix_search_result_page.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:bubble_tab_indicator/bubble_tab_indicator.dart';
 
 import '../search_data_source.dart';
 import 'web_search_result_page.dart';
@@ -47,9 +48,17 @@ class _MixSearchResultPageState extends State<MixSearchResultPage>
               child: Column(
                 children: <Widget>[
                   new TabBar(
+                    indicatorSize: TabBarIndicatorSize.tab,
+                    indicator: new BubbleTabIndicator(
+                      indicatorHeight: 30.0,
+                      indicatorColor: Colors.white,
+                      tabBarIndicatorSize: TabBarIndicatorSize.tab,
+                    ),
                     isScrollable: true,
                     controller: _tabController,
                     tabs: _searchTypeTabs,
+                    labelColor: Colors.black,
+                    unselectedLabelColor: Colors.black38,
                   ),
                 ],
               ),

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -29,6 +29,7 @@ dependencies:
   url_launcher: ^4.0.3
   expire_cache: ^1.0.6
   tuple: ^1.0.2
+  bubble_tab_indicator: ^0.1.4
 
 dev_dependencies:
   flutter_driver: