search

ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

Tabnavigation and RadSideDrawer Combination navigation #1368

Open sivaprasad-kiranum opened 4 years ago

sivaprasad-kiranum commented 4 years ago

Please, provide the details below:

Tell us about the problem

I was following the below article to load the tab navigation once the user logs into the application. https://www.nativescript.org/blog/implementing-a-login-for-nativescript-apps-with-tab-based-navigation

https://github.com/NativeScript/login-tab-navigation-ng

I changed to use the BottomNavigation instead of TabView.

I am in need of adding RadSIdeDrawer to the application and when a menu item is selected the app needs to be navigate to the specified tab child route.

When I navigate to that component from RadSideDrawer using the navigate method of RouterExtensions, the app is not navigating to that component. The same component gets navigated by using the same method loaded in the tabview. It does not work from the RadSideDrawer.

Which platform(s) does your issue occur on?

iOS -- 13.3

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

"dependencies": { "@angular/animations": "~8.2.0", "@angular/common": "~8.2.0", "@angular/compiler": "~8.2.0", "@angular/core": "~8.2.0", "@angular/forms": "~8.2.0", "@angular/http": "~8.0.0-beta.10", "@angular/platform-browser": "~8.2.0", "@angular/platform-browser-dynamic": "~8.2.0", "@angular/router": "~8.2.0", "@nativescript/theme": "^2.2.1", "@nstudio/nativescript-loading-indicator": "^3.0.3", "core-js": "^2.6.9", "nativescript-angular": "~8.20.0", "nativescript-feedback": "^1.3.12", "nativescript-plugin-firebase": "^10.5.0", "nativescript-ui-sidedrawer": "^8.0.0", "reflect-metadata": "~0.1.12", "rxjs": "~6.4.0", "tns-core-modules": "~6.3.0", "tslib": "1.10.0", "zone.js": "~0.9.1" }

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

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

this.router.navigate([{
   outlets: {
     homeTab: ['settings']
   }
 }]);
sivaprasad-kiranum commented 4 years ago

I can navigate to the selected tab from the hamburger menu by setting the selectedIndex property of the BottomNavigation component. But the selected tab item does not show visually that it is selected.