On iOS, the tabs have a highlight slider that is out of place

[brihayley]

Per the screenshots of this plugin, iOS tabs are now supposed to look like tabs on Android. This plugin brings the tabs up to the top, but also adds in a white block that slides behind the selected tab title. I cannot change its color or get rid of it with any properties. Here is my code and a screen capture of what this looks like.

<forms:TopTabbedPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material.Forms"
xmlns:forms="clr-namespace:Naxam.Controls.Forms;assembly=Naxam.TopTabbedPage.Forms"
x:Class="Solstice.ProvidersPage"
Title="Providers"
BarTextColor="{StaticResource ComplementaryWhite}"
BarBackgroundColor="{StaticResource PrimaryBlue}">



<ui:MaterialTextField
Placeholder="Specialty"
InputType="Choice"
Choices="{Binding Specialties}"
BackgroundColor="Transparent"
AlwaysShowUnderline="True"
TintColor="{StaticResource SecondaryGreen}"
FloatingPlaceholderColor="{StaticResource SecondaryGreen}"
TextFontFamily="{StaticResource Regular}" />
<ui:MaterialTextField
Placeholder="Provider Name (optional)"
InputType="Default"
BackgroundColor="Transparent"
AlwaysShowUnderline="True"
TintColor="{StaticResource SecondaryGreen}"
TextFontFamily="{StaticResource Regular}" />
<ui:MaterialTextField
Placeholder="Office Name (optional)"
InputType="Default"
BackgroundColor="Transparent"
AlwaysShowUnderline="True"
TintColor="{StaticResource SecondaryGreen}"
TextFontFamily="{StaticResource Regular}" />
<ui:MaterialTextField
Placeholder="Distance"
InputType="Choice"
Choices="{Binding Distances}"
BackgroundColor="Transparent"
AlwaysShowUnderline="True"
TintColor="{StaticResource SecondaryGreen}"
FloatingPlaceholderColor="{StaticResource SecondaryGreen}"
TextFontFamily="{StaticResource Regular}" />
<ui:MaterialTextField
Placeholder="From:"
InputType="Choice"
Choices="{Binding Locations}"
BackgroundColor="Transparent"
AlwaysShowUnderline="True"
TintColor="{StaticResource SecondaryGreen}"
FloatingPlaceholderColor="{StaticResource SecondaryGreen}"
TextFontFamily="{StaticResource Regular}" />

        <ui:MaterialTextField
            Placeholder="ZIP Code"
            InputType="Numeric"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />
        <OnPlatform x:TypeArguments="View">
            <On Platform="Android">
                <ui:MaterialButton
                    BackgroundColor="{StaticResource PrimaryOrange}"
                    HorizontalOptions="FillAndExpand"
                    Text="SEARCH"
                    TextColor="{StaticResource ComplementaryWhite}"
                    VerticalOptions="Center"
                    FontFamily="{StaticResource Black}"
                    FontSize="25"
                    WidthRequest="300"
                    HeightRequest="60" />
            </On>
            <On Platform="iOS">
                <Button
                    BackgroundColor="{StaticResource PrimaryOrange}"
                    FontFamily = "{StaticResource Black}"
                    FontSize="25"
                    HorizontalOptions="FillAndExpand"
                    Text="SEARCH"
                    TextColor="{StaticResource ComplementaryWhite}"/>
            </On>
        </OnPlatform>
        
    </StackLayout>

</ContentPage>
<ContentPage Title="VISION">
    <StackLayout Padding="31, 37, 31, 37">
        <Label Text="You're on the Vision Tab" />
        <ui:MaterialTextField
            Placeholder="Specialty"
            InputType="Choice"
            Choices="{Binding Specialties}"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            FloatingPlaceholderColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />
        <ui:MaterialTextField
            Placeholder="Provider Name (optional)"
            InputType="Default"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />
        <ui:MaterialTextField
            Placeholder="Office Name (optional)"
            InputType="Default"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />
        <ui:MaterialTextField
            Placeholder="Distance"
            InputType="Choice"
            Choices="{Binding Distances}"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            FloatingPlaceholderColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />
        <ui:MaterialTextField
            Placeholder="From:"
            InputType="Choice"
            Choices="{Binding Locations}"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            FloatingPlaceholderColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />

        <ui:MaterialTextField
            Placeholder="ZIP Code"
            InputType="Numeric"
            BackgroundColor="Transparent"
            AlwaysShowUnderline="True"
            TintColor="{StaticResource SecondaryGreen}"
            TextFontFamily="{StaticResource Regular}" />
        <OnPlatform x:TypeArguments="View">
            <On Platform="Android">
                <ui:MaterialButton
                    BackgroundColor="{StaticResource PrimaryOrange}"
                    HorizontalOptions="FillAndExpand"
                    Text="SEARCH"
                    TextColor="{StaticResource ComplementaryWhite}"
                    VerticalOptions="Center"
                    FontFamily="{StaticResource Black}"
                    FontSize="25"
                    WidthRequest="300"
                    HeightRequest="60" />
            </On>
            <On Platform="iOS">
                <Button
                    BackgroundColor="{StaticResource PrimaryOrange}"
                    FontFamily = "{StaticResource Black}"
                    FontSize="25"
                    HorizontalOptions="FillAndExpand"
                    Text="SEARCH"
                    TextColor="{StaticResource ComplementaryWhite}"/>
            </On>
        </OnPlatform>
        
    </StackLayout>
</ContentPage>

</forms:TopTabbedPage>

[tuyen-vuduc]

Hi,

Could you please check out our pre release package here?

Cheers.