How to Customize the Image Size in .NET MAUI Tab View?

This section illustrates how to customize the image size in the header of the .NET MAUI Tab View by setting the ImageSize property to suit your design preferences and application requirements.

XAML

<tabView:SfTabView TabBarHeight="100">
   <tabView:SfTabView.Items>
       <tabView:SfTabItem ImageSize="50">
           <!--TabItem Content-->
       </tabView:SfTabItem>
       <!-- Add more SfTabItems as needed -->
   </tabView:SfTabView.Items>
</tabView:SfTabView> 

C#

var tabView = new SfTabView
{
   TabBarHeight = 100
};

var tabItems = new TabItemCollection
{
   new SfTabItem
   {
       ImageSize = 50,
       // Additional properties or content
   }
   // Add more SfTabItems as needed
};

tabView.Items = tabItems; 

Output:

Download the complete sample from GitHub.

Conclusion

I hope you enjoyed learning how to customize the image size in .NET MAUI Tab View.
You can refer to our .NET MAUI Tab View feature tour page to learn about its other groundbreaking feature representations. You can explore our documentation to understand how to present and manipulate data.
For current customers, you can check out our components on the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our other controls.
Please let us know in the comments section if you have any queries or require clarification. Contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!