search

caduandrade / tabbed_view

Widget inspired by the classic Desktop-style tab component.
MIT License
51 stars 16 forks source link

Enhance tabsAreaTheme style settings, and set the tabs's horizontalAlignment #8

Open GroovyKetchup opened 2 years ago

GroovyKetchup commented 2 years ago

1.set the tabsArea's decoration of borderRadius etc by tabsAreaTheme. Snipaste_2022-03-10_13-26-49

2.Could support to make the tats center on the tabsArea and the tabsArea's width equals the tabs's width?

just like: 企业微信截图_1646890460520

caduandrade commented 2 years ago

Hi!

I'll take a look ok?

About:

the width of the tabsArea is equal to the width of the tabs

The tab area is inside a parent container. So its width is the maximum size. To achieve the same visual effect as the image, it would be necessary to have an internal container in the tab area. However, this area may have extra buttons that must always be visible in the corner.

If you will always have a fixed number of tabs and if they are centered, they do not exceed the full width. So maybe Flutter's tab widgets (eg TabBar) are enough.

vd3d commented 3 months ago

Why not provide a "tabsArea.decoration" instead of border and color, it will be more flexible.

Also, I see you already use decoration at multiple places, but not yet there. It will be helpful to improve the styling.

(Also integrate the last version in your docking component will be great)

Thx