How to set TabItem header width?

[Josh Pham]

Hello, when I use TabWidthMode="SizeToContent", the tab item header text was truncated instead of fully displayed. I tried to set width but the text disappeared. Could you please help me? Thank you.

Here is my code:

<tabView:SfTabView

    Grid.Row="1"

    Margin="0,0,0,0"

    FlowDirection="LeftToRight"

    HorizontalOptions="StartAndExpand"

    IndicatorBackground="{DynamicResource AccentColor}"

    IndicatorWidthMode="Stretch"

    TabBarPlacement="Top"

    TabHeaderPadding="0,0,0,0"

    TabWidthMode="SizeToContent"

    VerticalOptions="FillAndExpand">

    <tabView:SfTabView.Items>

        <tabView:SfTabItem Header="Receipts">

            <tabView:SfTabItem.Content>

            ....

            </tabView:SfTabItem.Content>

        </tabView:SfTabItem>

        <tabView:SfTabItem Header="History">             

            <tabView:SfTabItem.Content>

            ....

            </tabView:SfTabItem.Content>

        </tabView:SfTabItem>

[Kishore Jeyachandran]

Hi Josh Pham,

Thank you for reaching out to us.

After analyzing the provided code snippet and testing it with the latest NuGet version 27.1.57 across all supported platforms, we were unable to reproduce the issue.

For your convenience, we have attached a sample project to this response. To assist you further and identify the root cause, we kindly request that you modify this sample to reproduce the issue and send it back to us. Additionally, please include the following details:

• The exact NuGet package version you are using.
• The platform(s) on which you are experiencing the issue (e.g., Android, iOS, etc.).

This information will help us investigate the issue more effectively and provide a resolution.

Regards,

Kishore Jeyachandran

Attachment: TabviewIssue_7b98f21d.zip