IOS SwipeBack not working on sflistview header.

Normally, on IOS when I swipe from the left edge of the screen to the right, It will swipe the navigation page back by 1 page.

But on sf listview with AllowSwiping="True", I could only perform the swipeback action on the list item. 
Nothing happened when i swipe on the sflistview header template.

How do I enable ios swipe to navigate back gesture on sf listview header and footer.?

Thanks.

6 Replies

DB Dinesh Babu Yadav Syncfusion Team January 15, 2018 06:36 AM UTC

Hi Kittipat,  
 
Thank you for using Syncfusion Products. 
 
Currently, SfListView do not have support for swiping the header, footer and group header items. So, could you please share the actual requirement with additional details and if possible please share it either as images or in a video link. Additionally, please share that would you like to show any custom views loaded in the swipe templates while swiping the header and footer elements else actual requirement is only for navigation between the pages while swiping the elements? which would help us to analyze the requirement better and update you an appropriate solution.  
 
Dinesh Babu Yadav 
 



KT KITTIPAT TATSANAKIT January 15, 2018 08:31 AM UTC

In this case, I didn't want to use any swipe feature of the sflistview.

I just want to use the swipe to navigate back feature of ios on the page with sf listview. 

But it seemed like the sflistview is overriding the swipe gesture of the page. 
So I can't swipe from left edge to navigate back on IOS.


KT KITTIPAT TATSANAKIT January 16, 2018 10:19 AM UTC

Fixed some misunderstanding.
Swipe to go back to previous page on iOS is not available on a page with sflistview. 

I've created a solution to explain this.

Thanks

Attachment: cantswipeback2_521f9928.zip


MK Muthu Kumaran Gnanavinayagam Syncfusion Team January 16, 2018 04:43 PM UTC

Hi Kittipat, 
 
We have checked the reported query “Swiping over an SfListView’s item does not navigate back in iOS platform” and also referred the attached sample from our side. But the page gets navigated while swiping at the left edge of the screen (either swiped over an row item or header item) as expected. 
 
We have checked in iPad (iOS v.10.3.2) and iPhone 6s simulator (iOS v.10.3) at our end. 
 
We have attached the video cast of the working of your sample and you can download it from the below location. 
 
 
Please let us know if you require further assistance. 
 
Regards, 
G.Muthu kumaran. 



KT KITTIPAT TATSANAKIT January 26, 2018 08:13 AM UTC

Hi, There was a mistake in previous solution, all the pages can be swiped back.

I've finally able to reproduce my problem in this solution please take a look.

The problem is when I hide navigationbar with this code, "NavigationPage.SetHasNavigationBar(this, false);".
The iOS swipe to navigate back gesture will be disabled along with the navigation bar.

But i could enable it back with this code as you can see in "swipeback.cs"

                ViewController.NavigationController.InteractivePopGestureRecognizer.Enabled = true;
                ViewController.NavigationController.InteractivePopGestureRecognizer.Delegate = this;

With this code, The first page can be swiped back even with the default navigationbar hidden .
But when there is a SfListview with HeaderTemplate on the page as in page2, you won't be able to swipe back.
I've tried with a standard list view with header and have no problem, even sflistview without header is fine, this only happen when SfListview with header is on that page.

Thanks.

Attachment: cantswipeback_c43ef61.zip


MK Muthu Kumaran Gnanavinayagam Syncfusion Team January 29, 2018 01:17 PM UTC

  
Hi Kittipat, 
 
We have confirmed that the issue “NavigationPage does not navigate back when swiped from the left edge of the screen when SfListView loaded inside SfPullToRefresh” is a defect and we have logged a defect report for this. The fix for this issue will be available in our upcoming 2018 Vol 1 SP 1 release. 
     
Please let us know if you need any further assistance. 
 
Regards 
G.Muthu kumaran. 


Loader.
Up arrow icon