How to change tabbar style (font and size and ...)

Mahdi Elahi 31

i want change the style of tabbar menu item font and size and color

how to do it ?

AppShell

 <TabBar >
     <Tab Title="پروفایل" >
         <Tab.Icon>
             <FontImageSource FontFamily="MDReg" Glyph="&#xe7fd;" />
             <!-- Dog icon -->
         </Tab.Icon>
         <ShellContent ContentTemplate="{DataTemplate cart:Cart}" />
     </Tab>
     <Tab Title="سبد خرید" >
         <Tab.Icon>
             <FontImageSource FontFamily="MDReg" Glyph="&#xe8cc;" />
             <!-- Dog icon -->
         </Tab.Icon>
         <ShellContent ContentTemplate="{DataTemplate home:Home}" />
     </Tab>
     <Tab Title="کاربران">
         <Tab.Icon>
             <FontImageSource FontFamily="MDReg" Glyph="&#xe574;" />
             <!-- Dog icon -->
         </Tab.Icon>
         <ShellContent ContentTemplate="{DataTemplate views:PersonsList}" />
     </Tab>
    
     <Tab Title="خانه" >
         <Tab.Icon>
             <FontImageSource FontFamily="MDReg" Glyph="&#xe88a;"  />
             <!-- Cat icon -->
         </Tab.Icon>
         <ShellContent ContentTemplate="{DataTemplate home:Home}" />
     </Tab>
 </TabBar>

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 44,481 Reputation points Microsoft Vendor

2024-11-14T05:49:26.0466667+00:00
For further investigation, could you please provide the following information?

On which platform or platforms do you need to modify the Tabbar style?

Do you need to change the font in the TabbedPage or in the Shell?

Your prompt reply will be highly appreciated.
Mahdi Elahi 31 Reputation points

2024-11-20T19:48:50.2566667+00:00

@Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) Android and IOS
i watn change font and size of icon and text in menu tabbedpage in bottom of thn page

1 answer

Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 44,481 Reputation points Microsoft Vendor

2024-11-21T08:59:23.61+00:00

Hello,

Thanks for your feedback.

To customize the built-in Tabbar function of Shell, you need to obtain the native View to perform this operation.

There is a detailed answer to this question in MAUI: Handler and commands to change font family of Shell Bottom Tabbar?. You can refer to the solution there.

Best Regards,

Alec Liu.

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

How to change tabbar style (font and size and ...)

1 answer

Your answer