Xamarin Button Image not working (NullReferenceException)

Question

I'm trying to do an image button on my Xamarin Forms application (shared project configuration).

My XAML is like this :

<Button x:Name="btn_params" Image="app_params.png" Grid.Row="2" Grid.Column="0" Command="{Binding OpenParamsCommand}" HorizontalOptions="StartAndExpand"></Button>

Because I used shared project configuration, it seems like I cannot have my image within my shared project, so I moved it in the appropriate folder. I'm currently only testing on Android.

I put it in Resources/Drawable on my Android

This image is marked as compile as AndroidResource, just like Xamarin says in its documentation

When I open this page, I have an NullReferenceException. I know this is this image, because if I remove the Image param, no errors are throwns...

Any idea of what happens because I have no debug infos other than this exception.

Try removing Resources.Designer.cs and rebuilding. Are you sure the shared project doesn't contain the image anymore? — stefana
– stefana, Commented Apr 20, 2016 at 8:17
It seems that Resources.Designer.cs moved away from the project, yes. I'll give a shot and let you know — cdie
– cdie, Commented Apr 20, 2016 at 8:23

Nikola Irinchev · Accepted Answer · 2016-04-20 07:43:30Z

1

Make sure your image's Build Action is set to Android Resource. You can find the setting by right clicking the file in the Solution Explorer.

Also, do a Clean/Rebuild (and perhaps reinstall the app) to ensure that all artefacts are deployed properly.

answered Apr 20, 2016 at 7:43

Nikola Irinchev

2,1861 gold badge14 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cdie Over a year ago

And I've rebuild, clean, reboot visual, nothing changes

cdie · Accepted Answer · 2016-04-20 10:13:29Z

1

As said in comments of my question, it was because I haven't any Designer.Resource.cs on my Resource folder in my Android project. Adding one just fix the problem.

answered Apr 20, 2016 at 10:13

cdie

4,5744 gold badges39 silver badges59 bronze badges

Comments

Sreeraj · Accepted Answer · 2016-04-20 07:31:22Z

0

You will need to use a custom control to have an ImageButton in Xamarin.Forms . XLabs has got a nice widget to have buttons with images. After adding the nuget package, you can refer the widget in XAML like below,

xmlns:controls="clr-namespace:XLabs.Forms.Controls;assembly=XLabs.Forms"
<controls:ImageButton Text="Twitter" BackgroundColor="#01abdf" TextColor="#ffffff" HeightRequest="75" WidthRequest="175" Image="app_params" Grid.Row="2" Grid.Column="0" Command="{Binding OpenParamsCommand}" HorizontalOptions="StartAndExpand" />

answered Apr 20, 2016 at 7:31

Sreeraj

2,4502 gold badges21 silver badges32 bronze badges

3 Comments

Sven-Michael Stübe Over a year ago

The standard Button can also have images.

cdie Over a year ago

Unfortunaly, same issue with XLabs. That's why I guess it's not a component issue, but with my project/image

Sreeraj Over a year ago

The way you have referred the image is actually correct... It should work. That is why I thought perhaps a different widget might help.

Collectives™ on Stack Overflow

Xamarin Button Image not working (NullReferenceException)

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related