Draxalot2
Draxalot2

Reputation: 77

How to change positions of icons on Xamarin Shell tab bar

I'm using Shell on a Xamarin Forms app and the icons that I'm using on the TabBar are a little bit too high up
enter image description here
I would like to change their positions to the center but I can't find a way how.
How would I change the positions/alignment of the icons? TabPage xaml

<!--TabBar Styles and Resources-->
    <Shell.Resources>
        <ResourceDictionary>
            <Style x:Key="FreeStyle" TargetType="Element">
                <Setter Property="Shell.TabBarBackgroundColor" Value="#f7f7f7" />
                <Setter Property="Shell.TabBarForegroundColor" Value="White"/>
                <Setter Property="Shell.TabBarUnselectedColor" Value="#999999"/>
                <Setter Property="Shell.TabBarTitleColor" Value="#61c9f7"/>
            </Style>
        </ResourceDictionary>
    </Shell.Resources>


    <!--BluePill Pages-->
    <TabBar Style="{StaticResource FreeStyle}">
        <!--TeleMED Tab-->
        <Tab Icon="telemedicineIcon.png">
            <ShellContent ContentTemplate="{DataTemplate views:TelemedicineMainPage}"/>
        </Tab>

        <!--Fleming Tab-->
        <Tab Icon="chatbotIcon.png">
            <ShellContent ContentTemplate="{DataTemplate views:ChatbotPage}"/>
        </Tab>

        <!--FirstAid Tab-->
        <Tab Icon="firstaidIcon.png">
            <ShellContent ContentTemplate="{DataTemplate views:FirstAidPage}"/>
        </Tab>

        <!--User Profile Tab-->
        <Tab Icon="profileIcon.png">
            <ShellContent ContentTemplate="{DataTemplate views:UserProfilePage}"/>
        </Tab>
    </TabBar>

Upvotes: 1

Views: 1413

Answers (0)

Related Questions