ui-material-components icon indicating copy to clipboard operation
ui-material-components copied to clipboard

Published 20 hours ago • verified publisher icon nativescript-community

[Tabs][iOS] RadListView inside TabContentItem breaks navigation

Open cityinspain opened this issue 3 years ago • 6 comments

When a RadListView is put into a MDTabContentItem and the tab is opened, the user loses the ability to navigate to other tabs. The selectedIndexChanged event stops firing, and tapping other tabs only results in the ripple animation showing.

Which platform(s) does your issue occur on?

  • iOS
  • iOS 12.4, 14.4, possibly others.
  • Emulator

Please, provide the following version numbers that your issue occurs with:

  • CLI: 8.0.1
  • Runtime(s): `8.0.0
  • Plugin(s): "nativescript-ui-listview": "^9.1.0",

Please, tell us how to recreate the issue in as much detail as possible.

  • In the latest copy of this repo, install the nativescript-ui-listview package, and put a RadListView in a MDTabContentItem
  • Use the tab bar to navigate to the tab containing the RadListView

Is there any code involved?

I've put an example in an up to date fork of this repo, under demo-ng.

cityinspain avatar May 06 '21 14:05 cityinspain

@cityinspain does it work with other listviews?

farfromrefug avatar May 06 '21 15:05 farfromrefug

@farfromrefug this specific behavior does not seem to occur with the stock N listview, but there have been other issues using the N listview with tabs, such as the animation getting stuck halfway through when switching between tabs with listviews.

cityinspain avatar May 06 '21 15:05 cityinspain

I am seeing the same behavior on iOS, though in my case if I swipe to the tab with the RadListView, it fixes the issue. I can then navigate back and forth by swiping or tapping the other tabs. But if I try to navigate by tapping first, I cannot tap to the other tabs. Can still swipe though. Is there a way around this? Maybe programmatically moving tabs in an tap event?

DeanMcAuleyH avatar Jun 02 '21 16:06 DeanMcAuleyH

I can confirm this issue on "nativescript-ui-listview": "^9.1.4",. Is there a workaround available?

timoschlueter avatar Oct 25 '21 11:10 timoschlueter

@timoschlueter honestly your best solution is to drop nativescript-ui-listview. This plugin is not really maintained anymore and you are in the risk of a lot of issues. You should be able to achieve most of what you want with @nativescript-community/ui-collectionview

farfromrefug avatar Oct 25 '21 11:10 farfromrefug

But if I try to navigate by tapping first

Same issue here. I might move to @nativescript-community/ui-collectionview if there aren't any issues with that one. Did anybody try?

cuzzea avatar Jan 10 '22 16:01 cuzzea