Use Icon property with embedded images in Xamarin.Forms
<p>I'm working on a <a href="https://developer.xamarin.com/guides/cross-platform/application_fundamentals/shared_projects/" rel="nofollow noreferrer">shared project</a> and I implemented a <a href="https://developer.xamarin.com/guides/xamarin-forms/controls/pages/" rel="nofollow noreferrer">Master Detail Page</a>. Now I added an image to the shared project (aka <a href="https://developer.xamarin.com/guides/xamarin-forms/working-with/images/#Embedded_Images" rel="nofollow noreferrer">embedded image</a>). The build action for the image is <em>Embedded resource</em> and I'm following the advice taking the namespace (HelloForms) and the subfolder (Ressources) into account. The result should be the following:</p>

<p><a href="https://i.stack.imgur.com/OjNzN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OjNzN.png" alt="http://www.xforms-kickstarter.com/SlideOutMenu/screenshot-menu.png"></a></p>

<p>As you can see the <a href="https://developer.apple.com/library/ios/documentation/UIKit/Reference/UINavigationItem_Class/#//apple_ref/occ/instp/UINavigationItem/leftBarButtonItem" rel="nofollow noreferrer"><code>leftBarButtonItem</code></a> is set through the <code>Icon</code> property. I tried to set the <a href="https://developer.xamarin.com/api/type/Xamarin.Forms.Page/" rel="nofollow noreferrer"><code>Icon</code></a> property like the following:</p>

<pre><code>Icon = Device.OS == TargetPlatform.iOS ? "HelloForms.Ressources.menu.png" : null;
</code></pre>

<p>and</p>

<pre><code>Icon = new FileImageSource { File = "HelloForms.Ressources.menu.png" };
</code></pre>

<p>Currently I get the title of the <em>Master</em> page shown instead of the <code>Icon</code>. What do I have to change to get this working? I'm interested in the solution of <em>embedded images</em> and less in <em>local images</em>.</p>