How to use Flutter by combining Getx for state management, localization, Dialog, snackbar and theme management with go_router routing with nested navigation with deeplinking
Related
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
Does anybody have experience using the Hero animation with the GetX Route-Managment? I followed the instructions in https://docs.flutter.dev/development/ui/animations/hero-animations and use Get.toNamed()to navigate between my routes but it doesn't work.
I've been using Getx for quite some time, and I don't suggest trying to get the hero animations with Getx's route manager, because the Hero widget can link two widgets with the same tag using a HeroControllerScope, which is an InheritedWidget.
the InheritedWidget can be found in a place by the BuildContext where it's looked up.
and Getx break this rule, the Get.to() and Get.toNamed() navigate to new screens using a pre-set BuildContext.
so this will only get you into trouble, instead, think about using the Navigator widget with a BuildContext, to get Hero animations executing fine.
I need to update my navigation code to getx Navigation 2.0 which is very easy to use in flutter web
Am fairly new to flutter using GetX. I have MainDrawer stateful widget which has two widgets for two accounts personal and business, in my HomePage() i have TextWidget displaying the name of the account selected..
i want to use controller or any feature of GetX to update the displayed name..
NoTE: i have a MainPage() that hold the drawer and bottom Navigation in which HomePage() is one of the pages
Have a look at the State Management section of the official GetX documentation. With a simple obs and obx you should be able to achieve what you describe.
I have a Flutter app with sections that I can access from both a BottomNavigationBar and a Drawer. I have this working in a Scaffold at the root level of my app, and I then use Navigator widgets to create separate routes and stacks within each section. The BottomNavigationBar persists as I push new screens onto the stack, and these new screens will have their own AppBar and actions specific to those user journeys.
The problem is that I need the Drawer to be present on all of my screens, and setting a new AppBar in a Scaffold on individual screens removes the Drawer that I had set in my root level Scaffold.
How can I pass that Drawer through to all my screen AppBar instances? I don't want to create new Drawer instances over multiple widgets, so I should create a Singleton of the Drawer or even the entire Scaffold? What's the best practise here?
You can use a state management package. I suggest use provider packages or flutter_bloc so that you can get more out of flutter UI but be careful about their name and here is a doc link that is made by flutter team and will help you with all the state management package:
https://flutter.dev/docs/development/data-and-backend/state-mgmt/options
This one is for bloc_flutter doc I couldn't find it on the previous link document: https://bloclibrary.dev