うまくいくものを見つけました。
ButtonBarButton から継承するカスタム コンポーネントを作成し、それを CustomTabButton と呼びます。
バインド可能なプロパティ tabWidthを追加します。次に、tabWidth を更新すると、タブの幅が調整されます。スキンを更新する方法は次のとおりです。
スキンは次のようになります。
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
minHeight="54"
width="{hostComponent.tabWidth}"
xmlns:tabbar="be.boulevart.project.components.tabbar.*">
<!-- host component -->
<fx:Metadata>
<![CDATA[
[HostComponent("be.boulevart.project.components.tabbar.CustomTabButton")]
]]>
</fx:Metadata>