Allow individual tab theming

[hsheung]

Hi!

May I ask if it is possible to add different colors and font for each DockingTabs, so all of them have different themes? Currently, they all share one theme like this: https://caduandrade.github.io/docking_flutter/#tabs-theme

I am wondering if it is possible for tabs in the same layout with different colors and fonts (italic, bold, etc)?

Thanks!

[caduandrade]

Hi @hsheung! Sorry for the delay!

Currently, it's only possible to have different themes for each tab state (normal, selected, highlighted). However, it's not possible to individually change a single tab.

Do you need a specific tab to have a different theme?

The API could have three optional instances of the states declared directly in TabData to override the theme.

[hsheung]

Hi @hsheung! Sorry for the delay!

Currently, it's only possible to have different themes for each tab state (normal, selected, highlighted). However, it's not possible to individually change a single tab.

Do you need a specific tab to have a different theme?

The API could have three optional instances of the states declared directly in TabData to override the theme.

Thanks for the reply and appreciate it! @caduandrade

Yes, if we can make each tab have a different theme, it would be great.

The use case will be similar to VSCode's tabs, where they can have different colors and text styles (normal, italic, strikethrough, etc).

The three optional instances of the states sound like a great option. Thank you so much once again.

[caduandrade]

Required: caduandrade/tabbed_view#56

[caduandrade]

Hi @hsheung!

Sorry for the delay. I'm busy with a huge personal project.
Could you test the released RC 1.17.0-rc.2?

DockingItem(
name: '???',
normalStatusTheme: TabStatusThemeData(fontColor: Colors.blue),
selectedStatusTheme: TabStatusThemeData(fontColor: Colors.red),
widget: Center(child: Text('!!!!')))

[hsheung]

Hi @hsheung!

Sorry for the delay. I'm busy with a huge personal project. Could you test the released RC 1.17.0-rc.2?

DockingItem(
name: '???',
normalStatusTheme: TabStatusThemeData(fontColor: Colors.blue),
selectedStatusTheme: TabStatusThemeData(fontColor: Colors.red),
widget: Center(child: Text('!!!!')))

Sorry, I am pretty new to open-source programming for Flutter - where do I get this RC 1.17.0-rc 2? @caduandrade

[caduandrade]

You need to set this version in the pubspec.yaml:

dependencies:
  docking: ^1.17.0-rc.2

[hsheung]

@caduandrade Looks like it works for colors!

While we are at it, I have one more suggestion - Can we support text styles as well (bold, strikethrough, italic, etc)? The use case will be something like this:

[caduandrade]

Hi @hsheung!

First, I'll fix the bug (caduandrade/tabbed_view#55) because this is necessary to allow changing the font. Changing the font size requires updating the tab size.

[hsheung]

Hi @hsheung!

First, I'll fix the bug (caduandrade/tabbed_view#55) because this is necessary to allow changing the font. Changing the font size requires updating the tab size.

@caduandrade Thanks for the update! I saw the bug is now fixed. Is changing the font possible now?