If you want to show a specific image in a Xamarin.Forms app based on a condition, you can Image.Triggers
For example you have an Image element in your XAML and you want to show a different image based on a database query. In order to do that, you should place the pictures that you want to use in the appropriate folders.
- For iOS the pictures must be located under Resources folder.
- For Android the pictures should be in Resources/drawable
- For UWP you must place the pictures in the root directory of the project.
<Image WidthRequest="80" Source="{Binding Category}" HeightRequest="80"> <Image.Triggers> <DataTrigger TargetType="Image" Binding="{Binding Category}" Value="ID Number"> <Setter Property="Source" Value="id.png" /> </DataTrigger> <DataTrigger TargetType="Image" Binding="{Binding Category}" Value="Tax Identification Number"> <Setter Property="Source" Value="tax.png" /> </DataTrigger> <DataTrigger TargetType="Image" Binding="{Binding Category}" Value="Other"> <Setter Property="Source" Value="other.png" /> </DataTrigger> </Image.Triggers> </Image>
As a result your image will change upon the value of the Category element. If the Category value would be ID Number then the image should be id.png etc..