Как работать с TabBar с ListView в Flutter?

Question

Я потратил пару часов, чтобы найти, как изменить оттенок табуляции при прокрутке listView до (x) элемента / заголовка,

Я начинаю изучать флаттер с здесь

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

Интересно, как работать с ListView и tabBar только вЕсли я прокручиваю, пока Флаттер не будет крутым 51 индикатор tabBar должен смениться на правый, то же самое должно работать с tabBar, когда я нажимаю tabBar index 51 * ListView следует прокрутить до Флаттер потрясающий 51 ,

Кто-нибудь может подсказать мне, как этого добиться?

Answer 1

Вам необходимо использовать

TabController

_tabController.animateTo((index))

В сочетании с

ScrollController

final _position = ... // half or top depending on tab selection itemsize and count 
_scrollController.animateTo(_position,
        curve: Curves.linear, duration: Duration(milliseconds: 500));

Если ваши элементы списка имеют одинаковую высоту, вы можете положиться на смещение и положение от прокрутки, чтобы определить, когда оно достигло половины.

Вот реализация ScrollController, которая будетпомочь вам.