Hi,
I raised this issue before with you and was able to resolve it by manually sizing the width of the tab bar items to get an even distribution. Now, my tabview varies from 1-3 tabs depending on the results to be displayed. Is there a way for this control to automatically evenly distribute the tabs across the width of the screen?
Here is a snippet of code I used to evenly distribute two tabs across the screen:
<tabView:SfTabView.HeaderItemTemplate>
<DataTemplate>
<effectsView:SfEffectsView TouchDownEffects="Ripple">
<Grid Padding="0,5" ColumnDefinitions="195" BackgroundColor="LightBlue">
<Image Source="{Binding Image}" HeightRequest="30" HorizontalOptions="Center" VerticalOptions="Start"/>
<Label Text="{Binding Title}" HorizontalOptions="Center" VerticalOptions="End" FontSize="18" TextColor="White"/>
</Grid>
</effectsView:SfEffectsView>
</DataTemplate>
</tabView:SfTabView.HeaderItemTemplate>
I believe I can work around this problem by calculating the desired Width of the tab in my view model and then binding ColumnDefinitions to Width. However, I'd certainly prefer to have an option for the control to do this automatically for me.
Thanks for any help you can provide.