Как создать невыбранный индикатор для панели вкладок во флаттере - PullRequest
Новая
       44

Как создать невыбранный индикатор для панели вкладок во флаттере

0 голосов
/ 26 августа 2018

Я создал собственный индикатор для панели вкладок, используя Decorator.Я хочу создать невыбранный индикатор для невыбранных вкладок на панели вкладок.

Я создал контейнер с пользовательским оформлением, но текущий выбранный индикатор отрисовывается за оформлением контейнера. 

new TabBar( 
labelColor: Colors.black,
unselectedLabelColor: Colors.grey,
indicator: new CustomTabIndicator(),
tabs: [
new Container(decoration: new CustomTabInactive(),child: Tab(icon: Icon(Icons.person )))])

вкладкабар с невыбранным индикатором

1 Ответ

0 голосов
/ 21 июня 2019

Вместо использования контейнера во вкладках, попробуйте это (оборачивая TabBar с контейнером и предоставляя нижнюю границу 

Container(
  //This is responsible for the background of the tabbar, does the magic
  decoration: BoxDecoration(
    //This is for background color
    color: Colors.white.withOpacity(0.0),
    //This is for bottom border that is needed
    border: Border(bottom: BorderSide(color: Colors.grey, width: 0.8))),
    child: TabBar(
    controller: _controller,
    tabs: [
      ...
    ]
  )

Не будет выглядеть точно так, как вы хотите, но будет давать подчеркнутую индикацию для невыбранных вкладок.

...