We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to navigate page from viewmodel using button in ListViewItem?

Platform: Xamarin.Forms |
Control: SfListView |
Published Date: February 28, 2017 |
Last Revised Date: November 27, 2017
Tags: navigation, mvvm

SfListView allows you to navigate to another page when tapped on an element in the ListViewItem by adding the GestureRecognizers to that element in the ItemTemplate.

In the below code example, added the TapGestureRecognizer to the Image and bound the Command to navigate the page when tapped on that image from ViewModel.



In the ViewModel, navigate to another page through INavigation interface when the tap command is invoked.



The below screenshots show the main page and the navigated page.

Click here to download the sample.

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
You must log in to leave a comment
Austin Ford
Oct 20, 2017

This Sample Project will not build.  Multiple errors regarding embedded resources.  Restoring and updating nuget packages does not correct any of the issues.

Muthu Kumaran Gnanavinayagam [Syncfusion]
Oct 23, 2017

Hi Austin,


Sample project does not build due to long path name of the solution files. So we have modified the solution name and republished the documentation.



G.Muthu Kumaran.

Nick Alonge
Jun 13, 2019

Line 31 is incorrect: Navigation.PushAsync(newPage);

It should be navigation.PushAsync(newPage); (lowercase 'n').

Nick Alonge
Jun 13, 2019


Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile