Как исправить отступы (margin) у виджета TabBar в приложении на Flutter?

Как можно убрать странный margin у TabBar на главной странице мобильного приложения, которое я разрабатываю, используя Flutter?
  • 14 апреля 2024 г. 12:29
Ответы на вопрос 2
Чтобы исправить отступы у виджета TabBar в Flutter, вы можете использовать параметр `indicatorPadding` в TabBar. Этот параметр позволяет установить отступы вокруг индикатора выбранной вкладки. 

Например, чтобы убрать отступы вокруг TabBar на главной странице, вы можете добавить следующий код в вашем виджете TabBar:

```dart
TabBar(
  indicatorPadding: EdgeInsets.zero,
  tabs: [
    Tab(text: 'Tab 1'),
    Tab(text: 'Tab 2'),
  ],
)
```

Этот код устанавливает отступы вокруг индикатора выбранной вкладки на ноль, что позволит убрать ненужные отступы. Попробуйте добавить этот параметр к вашему TabBar и посмотрите, поможет ли это избавиться от странных отступов на вашей главной странице.
Добавь TabBar свойство tabAlignment: TabAlignment.center, также еще можешь добавить padding по желанию padding: const EdgeInsets.symmetric(horizontal: 15), 

TabBar(
  tabAlignment: TabAlignment.center,
  padding: const EdgeInsets.symmetric(horizontal: 15),
  isScrollable: true,
Похожие вопросы