xamarin/Xamarin.Forms

[Bug] [iOS] ToolbarItem Secondary icons not scaled

Open

#7,007 opened on Jul 29, 2019

 (1 comment) (0 reactions) (0 assignees)C# (1,926 forks)batch import
e/2 :clock2:help wantedp/iOS 🍎t/bug :bug:up-for-grabs

Repository metrics

Stars
 (5,644 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Description

On UWP adding an icon to a secondary ToolbarItem scales it propertly. On Android the icon doesn't render at all. On iOS the icon renders but it is not properly scaled to fit.

Example XAML

<ContentPage.ToolbarItems>
    <ToolbarItem Order="Primary" Text="Icon Item" Priority="0" IconImageSource="icon.png" Clicked="OnItemClicked" />
    <ToolbarItem Order="Primary" Text="Text Item" Priority="1" Clicked="OnItemClicked" />
    <ToolbarItem Order="Secondary" Text="Secondary Icon Item" Priority="2" IconImageSource="icon.png" Clicked="OnItemClicked" />
    <ToolbarItem Order="Secondary" Text="Secondary Text Item" Priority="3" Clicked="OnItemClicked" />
</ContentPage.ToolbarItems>

Screenshots

Android: android-bug

UWP: uwp-bug

iOS: ios-bug

Steps to Reproduce

  1. Add an icon to all projects
  2. Create secondary toolbar item with icon as shown in above XAML
  3. Observe icon behavior on iOS

Expected Behavior

Icon should either not render at all, like Android, or should scale to fit, like UWP.

Actual Behavior

Icon overflows the boundaries of the text item.

Basic Information

  • Version with issue: 4.1.0.555618
  • Last known good version: Unknown
  • IDE: Visual Studio 2019 (PC)
  • Platform Target Frameworks:
    • iOS: 8.0
    • Android: N/A
    • UWP: N/A
  • Nuget Packages: Xamarin.Forms
  • Affected Devices: iOS

Contributor guide