自定义导航栏 xamarin

Question

Hello I'm trying to create this custom navigation bar,but I can't find anywhere if this is even possible. here. I wonder if is possible to add this custom size bar.I know how to add the green/blue one, what I need is to add this custom size image in purple.

Answer 1

Here is a workaround for this issue. You can draw a testing image like following picture(Note:My picture have a blank view in the top, I do not have tools(such as) to fix that).

Then I used AbsoluteLayout to make a custom navigation bar with following code.(Note:There is a blank space at the top of my picture, so I have to adjust the placement, you can adjust it with your layout)

 <AbsoluteLayout  >
        
            <Image Source="my.png"   BackgroundColor="Transparent"  AbsoluteLayout.LayoutBounds="0,-0.025,1,100" AbsoluteLayout.LayoutFlags="XProportional,YProportional,WidthProportional"
              />

        <Label Text="Hi,Luisa" TextColor="Black" AbsoluteLayout.LayoutBounds="0,0.01,50,20" AbsoluteLayout.LayoutFlags="PositionProportional" />

        <Label Text="Credit:Rs 255.00" TextColor="Black" AbsoluteLayout.LayoutBounds="0.95,0.01,150,20" AbsoluteLayout.LayoutFlags="PositionProportional" />
    
    </AbsoluteLayout>
   

Here is running screenshot.

Or you can use Skiasharp to draw it. https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/graphics/skiasharp/basics/circle