how can i achieve same nested navigation in flutter via Getx? - flutter

Here is a video of navigation in which each tab has the sub-children and then return back to that tab it contains the last page and if we click again on that tab it takes us to the parent page. This app is built with React-Native as in react-native its simple to implement via stack navigator but how is this possible via Getx routing
I have tried IndexedStack in my app bt unable to acheive same functionality. but its not giving me same functionality i want to do it via named routes

Stop using GetX and do it with flutter NavigationBar and nested navigation flow

Related

How to handle back button on appBar of Scaffold layout in flutter module and navigate to previous page on the host app

I have a question, I have to create a flutter module and integrate it directly into the host app. I want to handle the back button on flutter UI by clicking it and navigating to the previous page on the host app. I use go_router to handle navigation on the module and host app. I have never integrated it. I have no idea to handle the back button it works on the appBar inside the flutter module. In this case, I would like to handle it by method channel or not?
I want to get the solution for the handle back button on the appBar in the flutter module. It must to click and navigate from flutter module and goto previous page on the host app.
I just found a way. After setup the flutter module inside Android or iOS, We can use this code setup inside the AppBar to close the page.
if(Platform.isAndroid){
SystemNavigator.pop();
} else {
exit(0);
}

How to Create side bar menu with navigation in flutter web

I am new to flutter and working on a web app, I want side bar menu similar to any website. I search a lot but some are using getx for navigation and some are using navigationrail
I don't want to use both of these and neither any other package. Is it possible to create simple side menu bar without using these.
You can use this package easy_sidemenu just define a PageController and you're ready to go

Single page navigation with flutter web

I'm trying to create a web app that only renders one page, and the other pages (or views) are rendered when you press a button related to that specific view. Like the Flutter Gallery website, when you click on a widget info in the "Categories" section
Is there any workaround for this or do I have to create my own router?
you can keep all widgets on one page package by creating a switch statement in your build page. switch between different widget when rendering the scaffolding.

In Flutter is there a way to have different navigation stacks

I come from react-native and I am used to using react navigation, which allows you to make different stacks each with different routes in them.
Flutter appears to work where you have to put all your routes in one file, is there no way to split them up?
My app has 3 main sections and each screen in a section would ideally share blocs, but I cant find a way to make each section independent of the other sections which means either all the screens must share all the blocs or none of them.
Maybe you want every screen in section possible have a Navigator of itself ?
Default Flutter using a Navigator in app and navigate with Navigator.of(...). An app can use more than one Navigator with Navigator Widget.
Nesting Navigators
Code sample

How to navigate to object editing screen in flutter + redux app

I am writing mobile app using flutter and redux.
I have a screen with list of Objects. After tapping one object, I want to navigate to screen where I can edit that object. For navigation I use routes and navigation reducer and middleware with push/replace actions. What would be the best approach? Should i store tapped object in my AppState? Should I navigate to editing screen without dispatching action?