Dynamically adding tabs in react native app - react-native

I am creating an app in which the user selects certain regions from dropdown and i want to create tabs for each selected region dynamically.

I end up using react-native-tab-view and managed to implement dynamic tab navigation.
On our app we have group permissions so if the user is an admin on group he can see the megaphone the first tab and if he is not an admin he can't see.
group side navigation
Tab navigation if the user is admin
Tab navigation if the user is not an admin

Related

How to open new tab group in ionic framework (Vue.js) after the user logs into the application

At first, I want to display the login and register tab pages but after the user logs in or register I want to show a new group tab.
I tried some solutions but it didn+t work for me

React-native navigate between groups

In a react-native project, I want to navigate to my Dashboard after user successfully logs-in. But both screens are in different groups inside the same navigator (see screen below):
But navigating as usual does not work:--> (ERROR The action 'REPLACE' with payload {"name":"Dashboard"} was not handled by any navigator.)
Any idea how to achieve that?

how to fix, blank page when trying to use history push in react native

I am working on a APP, where I created a button that navigates you to other page. I imported react native router and use history from react-router dom.
I created seperated folder with login routs (when user is on login screen he can move to sign-up)
Loginrouts.js :
than I created login.js where the button is, it uses useHistory.push() and it calls signup from loginroute.js
But when button is pressed it only shows blank screen, anyone knows why?

Implementing tabs and menu in a single page in ionic4

I have a project which is done in ionic1 with tabs and menu in the same page.I want to implement the same in ionic4.
The existing problem in ionic4 is that, those pages being redirected on clicking the menu are not supporting tabs. I am not able to include the code for menu and tab in the same page.
you can flow this tutorial Combine side menu, tabs and login page with Ionic 4
that implements side-menu and tabs on the same page
another useful tutorial is here from IonicAcademy

how to dynamically set drawer items based on authentication in react-navigation?

i want to set items dynamically in drawer based on login status.
When any user login into application, then some extra drawer items like change password,Inquiry or etc to be shown. Login is not mandatory for app and i have used contentComponent to generate the drawer items.